CS101 Assignment No 2 Spring 2018
Dear Students, Here you can read or Download CS101 - Introduction to Computing Assignment No 2 Solution and Discussion of Semester Spring 2018. We are here to facilitate your learning and we do not appreciate the idea of copying or replicating solutions. CS101 Assignment Solution File has been added. Previously we shared CS101 Assignment No 1 Solution Spring 2018.CS101 Assignment No 2 Solution Fall 2019
File Name | Download Link |
---|---|
CS101 Assignment No 2 Solution Fall 2019.docx | Download |
CS101 Assignment No 2 Solution and Discussion Spring 2018 |
Assignment Question No 1:
- Create Heading " VU Sign UpForm" using H1 tag.
- Create text boxes for Name and Father Name and show your own name and father name as default value.
- Next you will be required to create two radio buttons for Gender. Default value should be selected as per your own gender when page will be run. Make sure only one option will be selected at a time.
- Create text box showing your own date of birth
- Using Select tags, create any 5 study programs options i.e., Certificate, BS, MCS, MIT, MS etc but on running web page, by default your own study program should be selected
- Created text area for comments using columns and rows of your own choice and in comments describe yourself in 20 to 20 words i.e., Hobbies, VU Experience etc.
- For email you can use text box and show your student mail as default value i.e., bc1234567@vu.edu.pk
- For Password and Confirm Password, text boxes should remain blank.
- Create two buttons labeled as " Sign Up " and " Reset ". By clicking on Sign Up button, the JavaScript function " CheckForm()" should be called to check Password and Confirm Password matches or not. Alert Message should be shown accordingly.
CS101 Assignment No 2 Solution Spring 2018
You can see the Sample Preview of CS101 Assignment No 2 Solution provided by (Virtual Study Solutions) below. Click on Download Button to Download Solution File in Your PC. Please Share it with your friends. You can also like our Facebook Page or Subscribe Us below for Updates.Recommended:
CS101 Assignment Solution Sample Preview
Solution File Sample Code Preview has been added below with Solution File in .docx format.
Please Note:
Kindly change the name and father name in input field's value, as it should be yours and your father's name and email should be your VU email and default selected program should be also yours. So add selected on department from which you belong.
Please Note:
Kindly change the name and father name in input field's value, as it should be yours and your father's name and email should be your VU email and default selected program should be also yours. So add selected on department from which you belong.
<!DOCTYPE html> <html> <head> <title>Assignment 2</title> <script type="text/javascript"> function showMessage(){ alert(document.getElementsByName('program')[0].value); } function CheckForm(){ var isValid=true; var password = document.getElementsByName('password')[0].value; var rePassword = document.getElementsByName('repassword')[0].value; if(password.length ==0 || rePassword.length==0) { isValid=false; alert("One of the two password fields is empty"); } else { if(password != rePassword){ isValid=false; alert("Password and Match password are not same !!"); } else { alert("Password and Match password are same !!"); } if(isValid) { alert("Congratulations, you have successfully registered"); } } } </script> <style type="text/css"> h1{ text-align: center; font-size: 40px; } form { position: relative; margin: 30px auto; width: 500px; border: 3px solid #1eb6ff; padding: 5px; } form:before { content: " "; position: absolute; z-index: -1; top: 3px; left: 3px; right: 3px; bottom: 2px; border: 5px solid #000; } table { margin: 0 auto; z-index: 1; width:55%; height: 50px; } </style> </head> <body> <form name="myinfo" method="post"> <h1>VU singup form</h1> <br/> <br/> <table> <tr> <td>Name</td> <td><input type="text" name="name" value="Ata Ur Rehman" /></td> </tr> <tr> <td>Father Name</td> <td><input type="text" name="fname" value="Hussain Ahmed" /></td> </tr> <tr> <td>Gender:</td> </tr> <tr> <td>Male</td> <td><input type="radio" name="gender" value="male" checked="checked"></td> </tr> <tr> <td>Female</td> <td><input type="radio" name="gender" value="fmale"></td> </tr> <tr> <td>Date of Birth</td> <td><input type="text" value="21/10/1991" name="dob"></td> </tr> <tr> <td>Study program</td> <td> <select onchange="showMessage();" name="program"> <option value="CS">CS</option> <option value="Accounting">Accounting</option> <option value="Zoology" selected="true">Zoology</option> <option value="HRM">HRM</option> <option value="Mathematics">Mathematics</option> </select> </td> </tr> <tr> <td>Comments:</td> <td><textarea rows="10" cols="20">I am very good boy, I get up early in the morning, I go to class every day..</textarea></td> </tr> <tr> <td>Email:</td> <td><input type="email" name="email" value="abc@gmail.com"/></td> </tr> <tr> <td>Password:</td> <td><input type="password" name="password" /></td> </tr> <tr> <td>Confirm Password:</td> <td><input type="password" name="repassword"/></td> </tr> <tr> <td></td> <td> <input type="submit" name="submit" value="Sign Up" onclick="CheckForm();" /> <input type="reset" name="reset" value="Reset" /> </td> </tr> </table> </form> </body> </html>
Post a Comment