javascript

document.getElementById("btn").addEventListener("click", function() {
  document.getElementById("text").innerText = "Hello, JavaScript!";
});

document.getElementById("hide").addEventListener("click", function() {
  document.getElementById("box").style.display = "none";
});
document.getElementById("show").addEventListener("click", function() {
  document.getElementById("box").style.display = "block";
});

document.getElementById("toggle").addEventListener("click", function() {
  let box = document.getElementById("box");
  box.style.display = (box.style.display === "none") ? "block" : "none";
});

document.getElementById("animate").addEventListener("click", function() {
  let box = document.getElementById("box");
  box.style.transition = "left 1s";
  box.style.position = "relative";
  box.style.left = "250px";
});

document.getElementById("loadData").addEventListener("click", function() {
  fetch("https://api.example.com/data")
    .then(response => response.text())
    .then(data => {
      document.getElementById("dataContainer").innerHTML = data;
    });
});

document.addEventListener("DOMContentLoaded", function() {
  let dateInput = document.getElementById("datepicker");
  dateInput.type = "date";
});