Try it Yourself: JavaScript HTML DOM – Hyring Learn

LessonBack to lesson

JavaScript HTML DOM

<!DOCTYPE html>
<html>
<body>

<p id="status">Not saved yet</p>

<script>
// getElementById is a method: it returns the matching element
const status = document.getElementById("status");

// innerHTML is a property: assigning to it replaces the content
status.innerHTML = "<strong>Saved!</strong>";
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p id="status">Not saved yet</p>

<script>
// getElementById is a method: it returns the matching element
const status = document.getElementById("status");

// innerHTML is a property: assigning to it replaces the content
status.innerHTML = "<strong>Saved!</strong>";
</script>

</body>
</html>