script.js

function changeText() {
  // document.getElementById("my-heading").innerHTML = "you clicked the button";
  // document.getElementById("my-heading").style.color = "red";
  // document.getElementById("my-heading").style.fontSize = "30px";

  if (document.getElementById("my-heading").innerHTML == " Hello World") {
    document.getElementById("my-heading").innerHTML = " welcome to js";
    document.getElementById("my-heading").style.color = "red";
  } else {
    document.getElementById("my-heading").innerHTML = " Hello World";
    document.getElementById("my-heading").style.color = "black";
  }
}
document.getElementById("my-btn").addEventListener("click", changeText);

function changeText2() {
  document.body.style.backgroundColor = "lightblue";
}
document.getElementById("my-button").addEventListener("click", changeText2);

let count = 0;
function changeText3() {
  count++;
  document.getElementById("my-heading").innerHTML = "count: " + count;
}
document.getElementById("count-btn").addEventListener("click", changeText3);

function changeText4() {
  count = 0;
  document.getElementById("my-heading").innerHTML = "count: " + count;
}
document.getElementById("count-btn2").addEventListener("click", changeText4);

function checkAnswer(answer) {
  if (answer == "abuja") {
    document.getElementById("result").innerHTML = "correct";
  } else {
    document.getElementById("result").innerHTML = "wrong";
  }
  // document.getElementById("btn1").addEventListener("click", );
}
document.getElementById("btn1").addEventListener("click", function () {
  checkAnswer("lagos");
});
document.getElementById("btn2").addEventListener("click", function () {
  checkAnswer("abuja");
});
document.getElementById("btn3").addEventListener("click", function () {
  checkAnswer("kano");
});

function checkAnswer2(answer) {
  if (answer == "jupiter") {
    document.getElementById("result2").innerHTML = "correct";
    document.body.style.backgroundColor = "lightgreen";
  } else {
    document.getElementById("result2").innerHTML = "wrong";
    document.body.style.backgroundColor = "lightcoral";
  }
}
document.getElementById("btn4").addEventListener("click", function () {
  checkAnswer2("earth");
});
document.getElementById("btn5").addEventListener("click", function () {
  checkAnswer2("jupiter");
});
document.getElementById("btn6").addEventListener("click", function () {
  checkAnswer2("mars");
});

function addToList() {
  let item = document.getElementById("todo-input").value;
  if (item) {
    let li = document.createElement("li");
    li.innerHTML = item;
    document.getElementById("todo-list").appendChild(li);
    document.getElementById("todo-input").value = "";

  }
}
document.getElementById("add-btn").addEventListener("click", addToList);