Write a JavaScript program to find the area of a triangle where lengths of the three of its sides are 5, 6, 7.

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="answer"></div>
    base<input type="number" name="" id="base">
    height<input type="number" name="" id="height">
    <input type="button" value="submit" id="submit">


    <script>
        let submit = document.getElementById('submit');
        submit.addEventListener("click", function () {
            let answer = document.getElementById('answer');
            let base = document.querySelector('#base').value;
            let height = document.querySelector('#height').value;
            // console.log(typeof(base));
            // console.log(base);
            let area = base * height;
            // console.log(area);
            answer.innerHTML= area;
        });
    </script>
</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Write a JavaScript program to get the current date.

  <! DOCTYPE   html > < html   lang = "en" > < head >    < meta   charset = "UTF-8" >    < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >    < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >    < title > Document </ title > </ head > < body >    < div   id = "showdate" ></ div >    < button   id = "print" > Print </ button >    < script >      let   print2  =  document . getElementById ( "print" );      print2 . addEventListener ( "click" ,  function (){        let   showdate2  =  document . getElementById ( "showdate" );        let   d  =  new   Date ;     ...
Read more

Store and display the values of text boxes of a form

  <! DOCTYPE   html > < html > < head >    < meta   charset = utf-8   />    < title > Return first and last name from a form - w3resource </ title > </ head > < body >    < div   id = "content" ></ div >    < form   id = "form1"   onsubmit = " getFormvalue () " >     First name:  < input   type = "text"   name = "fname"   value = "David"   id = "fname" >< br >     Last name:  < input   type = "text"   name = "lname"   value = "Beckham"   id = "lname" >< br >      < input   type = "submit"   value = "Submit" >    </ form >    < script >      function   getFormvalue () {   ...
Read more

Write a JavaScript program to count and display the items of a dropdown list, in an alert window

  <!-- //Write a JavaScript program to count and display the items of a dropdown list, in an alert window --> <! DOCTYPE   html > < html > < head >      < meta   charset = utf-8   />      < style   type = "text/css" >          body  {              margin :  30px ;         }          #confirm  {              display :  none ;              background-color :  #F3F5F6 ;              color :  #000000 ;   ...
Read more