bb-week5

Tasks: This week you need to add some more Javascipt to your website.

Task 1: Create a simple calculator that can add two numbers. Use the code below to set up

 <h1>Simple Calculator</h1>
  
  <label for="num1">Number 1:</label>
  <input type="number" id="num1">
  
  <label for="num2">Number 2:</label>
  <input type="number" id="num2">
  
  <button onclick="addNumbers()">Add</button>
  
  <p id="result"></p>
  
  <script>
    function addNumbers() {
      var num1 = parseFloat(document.getElementById("num1").value);
      var num2 = parseFloat(document.getElementById("num2").value);
      
      var sum = num1 + num2;
      
      document.getElementById("result").innerText = "Result: " + sum;
    }
  </script>

Task 2: Change Background Color by press of the button. Using the code provide below make a three buttons that change the background colour

  <h1>Change Background Color</h1>
  
  <button onclick="changeBackground('red')">Red</button>
  <button onclick="changeBackground('blue')">Blue</button>
  <button onclick="changeBackground('green')">Green</button>
  
  <script>
    function changeBackground(color) {
      document.body.style.backgroundColor = color;
    }
  </script>