Bijesse · May 2, 2021 14:30
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Click Handler Background Color</title>
    </head>
    <body>
        <input id="age">
        <button id="user-age">Your age</button>
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"hiddenUIComponents":["console"]}
diff --git a/script.js b/script.js
 document.getElementById("user-age").addEventListener("click", changeButtonColor);

 function changeButtonColor(){
 	var color = document.getElementById("age").value;
    document.getElementById("user-age").style.background = color;
 }
    
    
diff --git a/styles.css b/styles.css
 #user-age {
 	background: yellow;
 }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Click Handler Background Color</title>
	</head>
	<body>
	<input id="age">
	<button id="user-age">Your age</button>
	</body>
	</html>
	document.getElementById("user-age").addEventListener("click", changeButtonColor);

	function changeButtonColor(){
	var color = document.getElementById("age").value;
	document.getElementById("user-age").style.background = color;
	}