Add files via upload

Author: TheCodeCipher

alert.js

@@ -0,0 +1 @@
+alert("Hello! Welcome to JavaScript learning.");

bulb.js

@@ -0,0 +1,11 @@
+function toggleLight() {
+  let lightbulb = document.getElementById("lightbulb");
+  let body = document.body;
+  if (lightbulb.src.includes("lightbulb_off.png")) {
+    lightbulb.src = "media/lightbulb_on.png";
+    body.classList.add("dark-mode");
+  } else {
+    lightbulb.src = "media/lightbulb_off.png";
+    body.classList.remove("dark-mode");
+  }
+}

calculator.js

@@ -0,0 +1,52 @@
+function addab(a, b) {
+  return a + b;
+}
+const subtract = function (a, b) {
+  return a - b;
+};
+const multiply = (a, b) => a * b;
+const divide = (a, b) =>
+  b !== 0 ? (a / b).toFixed(2) : "Cannot divide by zero";
+
+function calculate() {
+  let num2Input = document.getElementById("num2").value;
+  let num3Input = document.getElementById("num3").value;
+  let operation = document.getElementById("operation").value;
+  let result;
+
+  // Input validation
+  if (num2Input === "" || num3Input === "") {
+    document.getElementById("output7").innerHTML = "Please enter both numbers.";
+    return;
+  }
+
+  let num2 = parseFloat(num2Input);
+  let num3 = parseFloat(num3Input);
+
+  if (isNaN(num2) || isNaN(num3)) {
+    document.getElementById("output7").innerHTML =
+      "Please enter valid numbers.";
+    return;
+  }
+
+  switch (operation) {
+    case "add":
+      result = addab(num2, num3);
+      break;
+    case "subtract":
+      result = subtract(num2, num3);
+      break;
+    case "multiply":
+      result = multiply(num2, num3);
+      break;
+    case "divide":
+      result = divide(num2, num3);
+      break;
+    default:
+      result = "Invalid Operation";
+  }
+
+  document.getElementById(
+    "output7"
+  ).innerHTML = `Result: <strong>${result}</strong>`;
+}

clickevent.js

@@ -0,0 +1,6 @@
+document.getElementById("colorButton").addEventListener("click", function () {
+  const colors = ["red", "blue", "black"];
+  let currentColor = this.style.backgroundColor;
+  let nextColor = colors[(colors.indexOf(currentColor) + 1) % colors.length];
+  this.style.backgroundColor = nextColor;
+});

clock.js

@@ -0,0 +1,21 @@
+let clockInterval;
+let isRunning = false;
+
+function updateClock() {
+  let now = new Date();
+  let hours = String(now.getHours()).padStart(2, "0");
+  let minutes = String(now.getMinutes()).padStart(2, "0");
+  let seconds = String(now.getSeconds()).padStart(2, "0");
+  document.getElementById("clock").innerHTML = `${hours}:${minutes}:${seconds}`;
+}
+
+document.getElementById("toggleClock").addEventListener("click", function () {
+  if (!isRunning) {
+    clockInterval = setInterval(updateClock, 1000);
+    this.textContent = "Stop Clock";
+  } else {
+    clearInterval(clockInterval);
+    this.textContent = "Start Clock";
+  }
+  isRunning = !isRunning;
+});

colormixer.js

@@ -0,0 +1,16 @@
+function updateColor() {
+  let red = document.getElementById("red").value;
+  let green = document.getElementById("green").value;
+  let blue = document.getElementById("blue").value;
+
+  document.getElementById("redValue").innerText = red;
+  document.getElementById("greenValue").innerText = green;
+  document.getElementById("blueValue").innerText = blue;
+
+  let rgbColor = `rgb(${red}, ${green}, ${blue})`;
+
+  const changeColor = (color) => {
+    document.getElementById("colorBox").style.backgroundColor = color;
+  };
+  changeColor(rgbColor);
+}

counter.js

@@ -0,0 +1,17 @@
+let count = 0;
+const counterDisplay = document.getElementById("counterDisplay");
+
+document.getElementById("incrementBtn").addEventListener("click", function () {
+  count++;
+  counterDisplay.innerText = count;
+});
+
+document.getElementById("decrementBtn").addEventListener("click", function () {
+  count--;
+  counterDisplay.innerText = count;
+});
+
+document.getElementById("resetBtn").addEventListener("click", function () {
+  count = 0;
+  counterDisplay.innerText = count;
+});

darkmode.js

@@ -0,0 +1,9 @@
+document
+  .getElementById("toggle-dark-mode")
+  .addEventListener("click", function () {
+    const toggleButton = document.getElementById("toggle-dark-mode");
+    document.body.classList.toggle("dark-mode");
+    toggleButton.src = document.body.classList.contains("dark-mode")
+      ? "media/light_mode.png"
+      : "media/dark_mode.png";
+  });

domm.js

@@ -0,0 +1,29 @@
+function changeHeading() {
+  const options = [
+    "The only way to do great work is to love what you do. - Steve Jobs",
+    "Strive not to be a success, but rather to be of value. - Albert Einstein",
+    "The future belongs to those who believe in the beauty of their dreams. - Eleanor Roosevelt",
+    "It does not matter how slowly you go as long as you do not stop. - Confucius",
+    "Our greatest glory is not in never failing, but in rising up every time we fail. - Ralph Waldo Emerson",
+    "The journey of a thousand miles begins with a single step. - Lao Tzu",
+    "Believe you can and you're halfway there. - Theodore Roosevelt",
+    "Success is not final, failure is not fatal: it is the courage to continue that counts. - Winston S. Churchill",
+    "What you get by achieving your goals is not as important as what you become by achieving your goals. - Zig Ziglar",
+    "The best way to predict the future is to create it. - Peter Drucker",
+  ];
+  const randomIndex = Math.floor(Math.random() * options.length);
+  document.getElementById("domHeading").innerText = options[randomIndex];
+}
+
+function addNewParagraph() {
+  const p = document.createElement("p");
+  p.innerText = "This is a new paragraph!";
+  document.getElementById("domContent").appendChild(p);
+}
+document.addEventListener("DOMContentLoaded", function () {
+  const darkModeButton = document.getElementById("darkmodetoggle");
+  const toggleDarkModeImage = document.getElementById("toggle-dark-mode");
+  darkModeButton.addEventListener("click", function () {
+    toggleDarkModeImage.click();
+  });
+});

domma.js

@@ -0,0 +1,37 @@
+function changeColour() {
+  let colours = [
+    "lightsalmon",
+    "lightseagreen",
+    "lightskyblue",
+    "lightsteelblue",
+    "lightslategray",
+    "lightcyan",
+    "lightcoral",
+    "lightgoldenrodyellow",
+    "lightgray",
+    "lightgreen",
+    "lightpink",
+    "lightslategray",
+    "lightyellow",
+  ];
+  let randomColour = colours[Math.floor(Math.random() * colours.length)];
+  document.getElementById("colourBox").style.backgroundColor = randomColour;
+}
+
+function addItems() {
+  let input = document.getElementById("itemInputs").value;
+  if (input === "") {
+    alert("Please enter a task!");
+    return;
+  }
+
+  let li = document.createElement("li");
+  li.innerHTML = `${input} <button onclick="removeItem(this)">⛔</button>`;
+  document.getElementById("taskLists").appendChild(li);
+
+  document.getElementById("itemInputs").value = "";
+}
+
+function removeItem(element) {
+  element.parentElement.remove();
+}