CODING ACADEMY • LESSON 4 OF 8

JavaScript Basics

Use variables, functions, events, conditions, and DOM updates to make pages react to the user.

<button id=”hello”>Click Me</button><br /> <p id=”message”>Waiting…</p><br /> <script><br /> const button = document.getElementById(‘hello’);<br /> const message = document.getElementById(‘message’);<br /> button.addEventListener(‘click’, function(){<br /> message.textContent = ‘JavaScript changed the page!’;<br /> });<br /> </script>

POPULAR JAVASCRIPT

const • let • function • if/else • arrays • objects • querySelector • getElementById • addEventListener • textContent • classList • setTimeout

Next: Interactivity →

Your code saves automatically on this device.