Try it Yourself: JavaScript Events – Hyring Learn

LessonBack to lesson

JavaScript Events

<!DOCTYPE html>
<html>
<body>

<button id="save">Save</button>

<script>
const button = document.querySelector("#save");

button.addEventListener("click", function () {
  console.log("Saved!");
});

// Arrow functions work too
button.addEventListener("click", () => {
  button.textContent = "Done";
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button id="save">Save</button>

<script>
const button = document.querySelector("#save");

button.addEventListener("click", function () {
  console.log("Saved!");
});

// Arrow functions work too
button.addEventListener("click", () => {
  button.textContent = "Done";
});
</script>

</body>
</html>