<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> var urname = prompt("Enter your name:") var urclass = prompt ("Enter your class:") var urindex = prompt("Enter your index number:") var urengmrk = prompt("Enter your English marks:") var urmtmrk = prompt("Enter your Mother Tongue marks:") var urscimrk = prompt("Enter your Science marks:") var urmathmrk = prompt("Enter your Math marks:") document.write("=== Report Card === <br> "); document.write("Name: " + urname + "<br>") document.write("Class: " + urclass + "<br>") document.write("Index No.: " + urindex + "<br> <br>") document.write("=== Grades === <br>") document.write("English: " + urengmrk + "/100 " + " (A) <br>" ) document.write("Mother Tongue: " + urmtmrk + "/100 " + " (B) <br>") document.write("Science: " + urscimrk + "/100 " + " (C) <br>") document.write("Maths: " + urmathmrk + "/100 " + " (D) <br>") sayHello(); </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> function msg() { alert("hello java"); } </script> </head> <body> <form> <input type="button" value="click" onclick="msg()"/> </form> </body> </html>
<!DOCTYPE html> <html> <head> <title>Web Page Design</title> <script> var name1={name:"Rohan",Unit:"IVS"}; function sayHello() { document.write("Hello, Coding Ground!"); document.write('<br>' + name1.name); } function onHover(){ document.write("Heloo people of This World"); } </script> </head> <body> <button style="color:red" onclick="sayHello()" > Devo </button> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> var i=0; while ( i<10;) { document.write("Sayı= " + i ); document.write("<br>"); i++ } </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> function sayHello() { document.write("Hooola estimadoas"); } function ejemploUno() { var a=100; if a>200{ document.write("a es mayor a 200"); } else{ document.write("a es Menor a 200"); } } sayHello(); ejemploUno(); </script> </head> <body> ------------------------------------ </body> </html> </script> </body> </html>
<html> <head> <title>The Request</title> <script type="text/javascript"> <!-- // Form validation code will come here. //--> </script> </head> <body> <h1>The Request</h1> <form action="/cgi-bin/test.cgi" name="myForm" onsubmit="return(validate());"> <table cellspacing="2" cellpadding="2" border="1"> <tr> <td align="right">Id</td> <td><input type="number" name="Id" /></td> </tr> <tr> <td align="right">Course Number</td> <td><input type="number" name="CourseNumber" /></td> </tr> <tr> <td align="right">Description</td> <td><input type="text" name="Description" /></td> </tr> <tr> <script> </script> <td align="right">Distance Education</td> <td id="costcontainer" onchange="Process(this.options[this.selectedIndex].value)"> <label><input id="checkbox" type="checkbox" name="form[date]" value = "0.0" updatecost="50" onChange="onToggle();"></input> </label></td> </tr> <tr> <td align="right">Additional Marks</td> <td><input type="number" name="AddMarks" /></td> </tr> </table> </form> <p> <td align="right">Number of Courses</td> <td><input type="number" name="NumberCourses" id="NumCourses" /></td> <script type="text/javascript"> document.getElementById("NumCourses").value = 0 </script> <td align="right">Total Cost</td> <td><input type="text" id="total" name="total" updatecost=5 0></td> </script> </p> <b>Reasons: </b><input type="radio" name="reason" value="Doctor"> Doctor's Note <input type="radio" name="reason" value="LackWork"> Lack of Work <input type="radio" name="reason" value="Compassion"> Some Compassion <p> <td> <br> <input type="submit" value="Go For It" /> <input type="reset" value="Clear and Reset" /></td> <td align="right"></td> <td> <select name="Use"> <option value = "-40" selected>First Time User</option> <option value = "1">Frequent Flyer</option> <option value = "2">Buying a Degree</option> </select> </div> </p> <p> <h4>Summary of Your Request(s)</h3> <p><textarea rows="6" cols="60"> </textarea></p> <p> <h4>Danger Range</h3> <p><textarea rows="6" cols="60"> </textarea></p> <script> // on toggle method // to check status of checkbox function onToggle() { var cost = document.getElementById('checkbox'); var amount = 0; amount += cost.checked ? parseFloat(cost.getAttribute('updatecost')) : 0; document.getElementById('total').value = amount; } </script>
<html> <head> <title>The Request</title> <script type = "text/javascript"> <!-- // Form validation code will come here. //--> </script> </head> <body> <h1>The Request</h1> <form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit = "return(validate());"> <table cellspacing = "2" cellpadding = "2" border = "1"> <tr> <td align = "right">Id</td> <td><input type = "number" name = "Id" /></td> </tr> <tr> <td align = "right">Course Number</td> <td><input type = "number" name = "CourseNumber" /></td> </tr> <tr> <td align = "right">Description</td> <td><input type = "text" name = "Description" /></td> </tr> <tr> <script> </script> <td align = "right">Distance Education</td> <td> <label><input id="my-checkbox" type="checkbox" value=+50 onclick="onToggle()"> </label></td> </tr> <tr> <td align = "right">Additional Marks</td> <td><input type = "number" name = "AddMarks" /></td> </tr> </table> </form> <p> <td align = "right">Number of Courses</td> <td><input type = "number" name = "NumberCourses" id = "NumCourses"/></td> <script type="text/javascript"> document.getElementById("NumCourses").value = 0 </script> <td align = "right">Total Cost</td> <td><input type="text" id="total" name ="total" value="0.0"></td> </script></p> <b>Reasons: </b><input type="radio" name="reason" value="Doctor"> Doctor's Note <input type="radio" name="reason" value="LackWork"> Lack of Work <input type="radio" name="reason" value="Compassion"> Some Compassion <p><td> <br> <input type = "submit" value = "Go For It" /> <input type = "reset" value = "Clear and Reset" /></td> <td align = "right"></td> <td> <select name = "Use"> <option value = "-40" selected>First Time User</option> <option value = "1">Frequent Flyer</option> <option value = "2">Buying a Degree</option> </select> </div> </p> <p><h4>Summary of Your Request(s)</h3> <p><textarea rows="6" cols="60"> </textarea></p> <p><h4>Danger Range</h3> <p><textarea rows="6" cols="60"> </textarea></p> <script> // on toggle method // to check status of checkbox function onToggle() { // check if checkbox is checked if (document.querySelector('#my-checkbox').checked) { // if checked console.log('checked'); } else { // if unchecked console.log('unchecked'); } }
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> theweather = prompt ("Is the weather cloudy?") if(theweather == "Yes") { document.write("Bring an umbrella"); } else { document.write("Go out and play"); } document.write("<br><br>"); </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <script> var urweather = prompt("Is the weather cloudy"); if(urweather == "Yes") { document.write("Bring Umbrella!"); } else { document.write("Go out and play :D"); } document.write("<br>"); var urweather = prompt("Is my dress nice"); if(urweather == "Yes") { document.write("Yay!"); } else { document.write("Ok :( Let me go and change"); } </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> </script> </script> </head> <body> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more