Hello World (with a button!)

 Click here to watch a video of how it works

Comments

Post a Comment

Popular posts from this blog

Exercise 2: Grade Equivalent

Image
  <!DOCTYPE html> <html> <head> <title>Grade Equivalent</title> </head> <body> <h1>Grade Equivalent</h1> <p> <b> Name: </b> <input type="text" id="myText" name="fname" value=""></p> <p> <b> Score: </b> <input type="text" placeholder="Type" id="inputId2" value=""></p> <p><b>Total Items:</b><input type="text" placeholder="Type" id="inputId3" value=""></p> <button type="button"onclick="getCompute();">Compute</button> <script> function getCompute(){ var str = document.getElementById("myText").value; var n1 = Number(document.getElementById("inputId2").value); var n2 = Number(document.getElementById("inputId3").value); ave = (n1/n2)*...
Read more

Exercise 1: The First Javascript Program

Image
  <html> <head><title>Javascript Code </head></title> <body> <script language = "javascript" type = "text/javascript">   var name,age,course,skill,subject ; document.write("<br> Welcome to Javascript Programming"); name=prompt("Your Name Here"); document.write("<br> Name: <b>" +name) ; age=prompt("Age"); document.write("<br> Age: <b>" +age ); course=prompt("Enter your course"); document.write("<br> Course: <b>" +course ); skill=prompt("Enter your talent/skills"); document.write("<br> Talent: <b>" +skill ); subject=prompt("What's your favourite subject?"); document.write("<br> Subject: <b>" +subject ); </script> </body> </html> Output
Read more

Exercise 5: Price List

Image
  The Code: <!DOCTYPE html>      <html>      <head>      <meta name="viewport" content="width=device-width, initial-scale=1">      <title>Price List, Add and Remove</title>      <link rel="stylesheet" href="Exercise 007 - Style code.css">      </head>          <body>      <h1 class="font1"> Products & Price Select box</h1>      <div id="container">      <form>      <fieldset>      <label for="name"> • Add Products: </label>      <input type="text" id="name" placeholder="Enter Product" autocomplete="off"> <br> <br>      <label for="price"> • Add Price: </label>      <input type="number" id="price" placeholder="Enter Price...
Read more