Color Name

What color is it?

Name

60 seconds

Source Code

<!-- CSS --> <style> #color-name { font-size: 5em; font-weight: bold; } #time-remaining { font-size: 2em; } </style> <!-- HTML --> <h2>What color is it?</h2> <p><span id="color-name">Name</span></p> <p><input id="user-input"><button id="submit-button">Submit</button></p> <p><button id="begin-button">Begin</button></p> <p><span id="time-remaining">60</span> seconds</p> <!-- JavaScript --> <script> const userInput = document.getElementById("user-input"); userInput.addEventListener("keyup", onKeyUp); function onKeyUp(event) { console.log(event); if (event.key == 'Enter') { alert("User pressed Enter."); } } </script>