// source http://jsbin.com/bamufe

index.html

<style id="jsbin-css">
body{
  background-color:rgb(250,50,250);
}

#titleDo{
  text-align:center; 
  color:green; 
  font-family:helvetica";
}
</style>
<h1 id="titleDo">Title</h1>
<p id="textDo">This is gonna change:</p>
<input type="text" id="inputDo">
<button onclick="buttonDo()">Do Something</button>
<script id="jsbin-javascript">
//REMOVE /*- -  -  -*/ to test

//IF ELSE
/*
var myNumber = 1;

function buttonDo(){
  
  if(myNumber ==1)
    {
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
    }
  else if(myNumber == 2)
    {
      alert("pop");
    }
  else
    {
      var shitDo2 = "Else Statement Fired";
      document.getElementById("textDo").innerHTML = shitDo2;
    }
}
*/
//IF ELSE


/*
//CHANGE TAGS
function buttonDo(){
  document.getElementById("textDo").style.color="rgb(255,175,150)"
  
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
}
//CHANGE TAGS
*/


//FUNCTION
/*
function buttonDo(){
  var shitDo = document.getElementById("inputDo").value;
  document.getElementById("textDo").innerHTML = shitDo;
}
*/
//FUNCTION



//VARIABLE
/*
var myName = "Naniel ";
var myNumber = 2;
var my2ndNumber = 2;
var secondString = "Awesomesauce"

function buttonDo(){
  document.getElementById("textDo").innerHTML = myNumber * 3;
}
*/
//VARIABLE



//ALERT
//alert("pop");
//ALERT



/*
function buttonDo(){
  alert("pop");
}
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text"
}
*/

/*
var myName = "Naniel";
var myNumber = 2;
alert(myNumber);
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text";
}
*/
</script>

<script id="jsbin-source-css" type="text/css">body{
  background-color:rgb(250,50,250);
}

#titleDo{
  text-align:center; 
  color:green; 
  font-family:helvetica";
}</script>

<script id="jsbin-source-javascript" type="text/javascript">//REMOVE /*- -  -  -*/ to test

//IF ELSE
/*
var myNumber = 1;

function buttonDo(){
  
  if(myNumber ==1)
    {
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
    }
  else if(myNumber == 2)
    {
      alert("pop");
    }
  else
    {
      var shitDo2 = "Else Statement Fired";
      document.getElementById("textDo").innerHTML = shitDo2;
    }
}
*/
//IF ELSE


/*
//CHANGE TAGS
function buttonDo(){
  document.getElementById("textDo").style.color="rgb(255,175,150)"
  
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
}
//CHANGE TAGS
*/


//FUNCTION
/*
function buttonDo(){
  var shitDo = document.getElementById("inputDo").value;
  document.getElementById("textDo").innerHTML = shitDo;
}
*/
//FUNCTION



//VARIABLE
/*
var myName = "Naniel ";
var myNumber = 2;
var my2ndNumber = 2;
var secondString = "Awesomesauce"

function buttonDo(){
  document.getElementById("textDo").innerHTML = myNumber * 3;
}
*/
//VARIABLE



//ALERT
//alert("pop");
//ALERT



/*
function buttonDo(){
  alert("pop");
}
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text"
}
*/

/*
var myName = "Naniel";
var myNumber = 2;
alert(myNumber);
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text";
}
*/

</script>

jsbin.bamufe.css

body{
  background-color:rgb(250,50,250);
}

#titleDo{
  text-align:center; 
  color:green; 
  font-family:helvetica";
}

jsbin.bamufe.js

//REMOVE /*- -  -  -*/ to test

//IF ELSE
/*
var myNumber = 1;

function buttonDo(){
  
  if(myNumber ==1)
    {
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
    }
  else if(myNumber == 2)
    {
      alert("pop");
    }
  else
    {
      var shitDo2 = "Else Statement Fired";
      document.getElementById("textDo").innerHTML = shitDo2;
    }
}
*/
//IF ELSE


/*
//CHANGE TAGS
function buttonDo(){
  document.getElementById("textDo").style.color="rgb(255,175,150)"
  
      var shitDo = document.getElementById("inputDo").value;
      document.getElementById("textDo").innerHTML = shitDo;
}
//CHANGE TAGS
*/


//FUNCTION
/*
function buttonDo(){
  var shitDo = document.getElementById("inputDo").value;
  document.getElementById("textDo").innerHTML = shitDo;
}
*/
//FUNCTION



//VARIABLE
/*
var myName = "Naniel ";
var myNumber = 2;
var my2ndNumber = 2;
var secondString = "Awesomesauce"

function buttonDo(){
  document.getElementById("textDo").innerHTML = myNumber * 3;
}
*/
//VARIABLE



//ALERT
//alert("pop");
//ALERT



/*
function buttonDo(){
  alert("pop");
}
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text"
}
*/

/*
var myName = "Naniel";
var myNumber = 2;
alert(myNumber);
*/

/*
function buttonDo(){
  document.getElementById("textDo").innerHTML = "we changed the text";
}
*/