Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <title>My cool page</title>
</head>
  
<body>
  <h1 id="line">My favorite color</h1>
  Color: <input type="color" id="color"   
                onChange="changeColor();">
  
</body> 
</html>
 
body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}
 
function changeColor() {
  color=document.getElementById("color").value;
  document.getElementById("line").style.color=color;
}
    
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
tproffenpro
0viewers