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() {
      let fname = document.getElementById("fname");
      let lname = document.getElementById("lname");
      let content = document.getElementById("content");

      let fnamev = fname.value;
      let lnamev = lname.value;

      alert(fnamev + " " + lnamev);
    }
  </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

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