HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Script placement demo</title>

</head>

<body>

  <h1>Page Content Loads First</h1>

  <p id="note">This paragraph exists before the script runs.</p>



  <!-- Script at the bottom of body — recommended for beginners -->

  <script>

    const note = document.getElementById('note');

    note.style.color = '#15803d';

    note.textContent = 'Script ran after the HTML was parsed.';

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript in HTML — Script at End of body