Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    Assignment01 Wad

    Uploaded by

    Rai Abdullah
    This document contains code for 3 web development tasks: 1) Displaying the current day and time using JavaScript. 2) Creating a form to multiply or divide two numbers using JavaScript. 3) Calculating the area of a triangle given the lengths of 3 sides using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Assignment01 Wad

    Uploaded by

    Rai Abdullah
    12 views5 pages
    This document contains code for 3 web development tasks: 1) Displaying the current day and time using JavaScript. 2) Creating a form to multiply or divide two numbers using JavaScript. 3) Calculating the area of a triangle given the lengths of 3 sides using JavaScript.

    Original Description:

    Wad

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for 3 web development tasks: 1) Displaying the current day and time using JavaScript. 2) Creating a form to multiply or divide two numbers using JavaScript. 3) Calculating the area of a triangle given the lengths of 3 sides using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    12 views5 pages

    Assignment01 Wad

    Uploaded by

    Rai Abdullah
    This document contains code for 3 web development tasks: 1) Displaying the current day and time using JavaScript. 2) Creating a form to multiply or divide two numbers using JavaScript. 3) Calculating the area of a triangle given the lengths of 3 sides using JavaScript.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 5

    Assignment 01

    Web Development
    Name: Rai Abdullah Reg#: L1S20BSCS0037
    Task 01:
    Output:

    Html Code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">  
      <title>JavaScript current day and time</title>  
      <script type ="text/javaScript" src="script.js"></script>
    </head>
    <body>
     
    </body>
    </html>

    Java Script:

    var today = new Date();


      var day = today.getDay();
      var daylist = ["Sunday","Monday","Tuesday","Wednesday
    ","Thursday","Friday","Saturday"];
     document.write("<br>" + daylist[day] + "is Today");
      var hour = today.getHours();
      var minute = today.getMinutes();
      var second = today.getSeconds();
      var prepand = (hour >= 12)? " PM ":" AM ";
      hour = (hour >= 12)? hour - 12: hour;
      if (hour===0 && prepand===' PM ')
      {
      if (minute===0 && second===0)
      {
      hour=12;
      prepand=' Noon';
      }
      else
      {
      hour=12;
      prepand=' PM';
      }
      }
      if (hour===0 && prepand===' AM ')
      {
      if (minute===0 && second===0)
      {
      hour=12;
      prepand=' Midnight';
      }
      else
      {
      hour=12;
      prepand=' AM';
      }
      }
      document.write("<br>");
    document.write("The Time Now is : "+hour + prepand + " : " + minute + " : " +
    second);

    Task 02:
    Html Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8 />
    <title>JavaScript program to calculate multiplication and division of two numbers
    </title>
    <link rel="stylesheet" href="css.css">
    <script type ="text/javaScript" src="script.js"></script>
    </head>
    <body>
    <form>
    1st Number : <input type="text" id="firstNumber" /><br>
    2nd Number: <input type="text" id="secondNumber" /><br>
    <input type="button" onClick="multiplyBy()" Value="Multiply" />
    <input type="button" onClick="divideBy()" Value="Divide" />
    </form>
    <p>The Result is : <br>
    <span id = "result"></span>
    </p>
    </body>
    </html>

    Java Script Code:


    function multiplyBy()
    {
            num1 = document.getElementById("firstNumber").value;
            num2 = document.getElementById("secondNumber").value;
            document.getElementById("result").innerHTML = num1 * num2;
    }
    function divideBy()
    {
            num1 = document.getElementById("firstNumber").value;
            num2 = document.getElementById("secondNumber").value;
    document.getElementById("result").innerHTML = num1 / num2;
    }

    CSS Code:

    body {margin: 100px;}

    Task 3:

    Html Code:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=utf-8 />
    <link rel="stylesheet" href="css.css">
    <script type ="text/javaScript" src="script.js"></script>
    <title>The area of a triangle</title>
    </head>
    <body>  
    </body>
    </html>

    Java Script:
    var side1 = 5;
    var side2 = 6;
    var side3 = 7;
    var s = (side1 + side2 + side3)/2;
    var area =  Math.sqrt(s*((s-side1)*(s-side2)*(s-side3)));
    document.write(area);

    You might also like