Skip to content

Instantly share code, notes, and snippets.

@greeneggsandmushrooms
Created October 29, 2017 19:57
Show Gist options
  • Select an option

  • Save greeneggsandmushrooms/ebf9b36d830d5ba66476d7fa1d080473 to your computer and use it in GitHub Desktop.

Select an option

Save greeneggsandmushrooms/ebf9b36d830d5ba66476d7fa1d080473 to your computer and use it in GitHub Desktop.
35 Bin // source http://jsbin.com/degivot
<!DOCTYPE html>
<html>
<head>
<title>35 Bin</title>
<style id="jsbin-css">
p{
color:red;
}
</style>
</head>
<body>
<p id="paragraphText">This is awesome </p>
<button onclick="changeTheText()">Change the text</button>
<input type="text" id="changeUserText">
<script id="jsbin-javascript">
var variableNumber = 2;
var variableName = "Naniel is ";
var secondNumber = 2;
var secondString = "awesome!"
function changeTheText(){
//change the paragraph text
var changeTextVariable = document.getElementById("changeUserText").value;
document.getElementById("paragraphText").innerHTML=changeTextVariable;
}
</script>
<script id="jsbin-source-css" type="text/css">p{
color:red;
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">var variableNumber = 2;
var variableName = "Naniel is ";
var secondNumber = 2;
var secondString = "awesome!"
function changeTheText(){
//change the paragraph text
var changeTextVariable = document.getElementById("changeUserText").value;
document.getElementById("paragraphText").innerHTML=changeTextVariable;
}
</script></body>
</html>
var variableNumber = 2;
var variableName = "Naniel is ";
var secondNumber = 2;
var secondString = "awesome!"
function changeTheText(){
//change the paragraph text
var changeTextVariable = document.getElementById("changeUserText").value;
document.getElementById("paragraphText").innerHTML=changeTextVariable;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment