We are here with you hands in hands to facilitate your learning & don't appreciate the idea of copying or replicating solutions. Read More>>

Looking For Something at vustudents.ning.com? Click Here to Search

www.bit.ly/vucodes

+ Link For Assignments, GDBs & Online Quizzes Solution

www.bit.ly/papersvu

+ Link For Past Papers, Solved MCQs, Short Notes & More

Introduction to Computing Pre assessment task 2 for adobe connect session

Learning outcomes

After performing this Pre assessment task for adobe connect session a student will be able to:

  1. Create an HTML web page using notepad
  2. Make use of basic HTML tags (HTML, Head, Body, Heading tags, Form Tag, Input tag, BR tag etc.)
  3. Access input elements of HTML web page with Java Script
  4. Use Java Script code with HTML for form validation

In this adobe session students will create an HTML web page with Java Script that will look like the page given below:

Image 1

 

 

 

 

 

 

Web Page functionality detail

After designing the web page in HTML, you are required to write the Java Script code such that when user clicks the “Show Information” button but Name and age text boxes are empty or invalid then message should be displayed like following images.

Message to show when Name text box is empty:

Image 2

Message to show when age text box is empty or invalid (must be in number format 1 - 100):

Image 3

After displaying above alert messages a message on page should also be shown like below, in case of invalid information

Image 4

 

If Information provided is correct then on click of Show Information button web page should provide the entered information like below snapshot

Image 5

Reset Form button should reset both the text boxes (Name and Age) values.

Instructions to create HTML document

  1. Open Notepad: Start, Programs, Accessories, Notepad
  2. Notepad should launch with a new document.
  3. Write the HTML and Java Script code here.
  4. From the File pull-down menu, Select "Save As," save the file to the Desktop, and name the file using ".html" extension (e.g., "homepage.html").
  5. You must be sure to save the file with ".html" extension because Notepad will otherwise add ".txt" extension which will confuse most Web browsers.

Tags used to create HTML web page

  • <HTML></HTML> starting and ending tags for HTML web document
  • <HEAD></HEAD> This tag can include a title for the document, scripts, styles etc. will appear after <HTML> tag
  • <script></script> tag for writing java script code
  • <input type="text"> for text boxes
  • <input type="button"> for show Information button
  • <input type="reset"> for reset button
  • The <h1> to <h6> tags are used to define HTML headings.
  • The <br> tag inserts a single line break.

Java Script code

  • Java Script code must be written for onClick event of Show Information button
  • You can use document.getElementById("id").value to access the information of an input element
  • You can use codition isNaN(age)||age<1||age>100 for age verification
  • You can use window.alert("Message") for alert boxes
  • You can use a div tag inside web page with id= "Info" and then change the innerHtml property of this div to show the final information in Java Script as shown in image4 and image 5 with code document.getElementById("Info").innerHTML="Text to display";
  • For string concatenation you can use + sign.

+ How to Join Subject Study Groups & Get Helping Material?

+ How to become Top Reputation, Angels, Intellectual, Featured Members & Moderators?

+ VU Students Reserves The Right to Delete Your Profile, If?


See Your Saved Posts Timeline

Views: 2474

.

+ http://bit.ly/vucodes (Link for Assignments, GDBs & Online Quizzes Solution)

+ http://bit.ly/papersvu (Link for Past Papers, Solved MCQs, Short Notes & More)

+ Click Here to Search (Looking For something at vustudents.ning.com?)

+ Click Here To Join (Our facebook study Group)

Replies to This Discussion

there is a prob in ur name filed. if we enter numbers in name field ,, tuh there should b an error.. but it is accepting ur name as numbers

Sir nay jitna kha utna krna ha :)

But I can send you separatly that file by fixing this issue :) 

great job keep it up ....appreciated

Thank You 

Good job. But there is a problem, when we leave empty it should give message "Name Required" while it gives " Hello      Your age is years.

No Problem :) I am going to set this error and uploading it again :) 

thankyou Boss

can n e one plzz help!!!

Dear Boss,

Please upload the revised file.

Thanks in advance :)

where is solved file

can u plz share ur html file ?

RSS

Latest Activity

彡JK彡 ❤️ replied to +¢αяєℓєѕѕ gιяℓ's discussion Iss Mien Fail Karn wali Kon C baat thi xD
21 minutes ago
彡JK彡 ❤️ replied to + "Jɨyą's discussion okey :x
23 minutes ago
彡JK彡 ❤️ replied to + "αяsαℓ " Ќąƶµяɨ •"'s discussion Muhabato me li gaye kasmain
28 minutes ago
彡JK彡 ❤️ replied to + M.Tariq Malik's discussion غیر پھر غیر، درگزر کر دے - کون روکے زبان اپنوں کی
33 minutes ago
彡JK彡 ❤️ replied to 彡JK彡 ❤️'s discussion ............. ایک تلخ حقیقت..........
36 minutes ago
彡JK彡 ❤️ replied to 彡JK彡 ❤️'s discussion ............. ایک تلخ حقیقت..........
37 minutes ago
彡JK彡 ❤️ replied to +¢αяєℓєѕѕ gιяℓ's discussion Jin sey Mohabbat Ho.....
39 minutes ago
彡JK彡 ❤️ replied to + "Jɨyą's discussion Tou ho jay shairiiii XD XD
41 minutes ago
彡JK彡 ❤️ replied to +¢αяєℓєѕѕ gιяℓ's discussion xD.........................پرانی محبوبہ کے نام
48 minutes ago
彡JK彡 ❤️ replied to + ! ! nO pAnGa's discussion Read this out Loud !!!!!!!!!
51 minutes ago
彡JK彡 ❤️ replied to + Iuuoɔǝut+'s discussion STORY OF BLIND LOVE
1 hour ago
彡JK彡 ❤️ replied to 彡JK彡 ❤️'s discussion Dedicated To All Fake IDs............ :p:p
1 hour ago
彡JK彡 ❤️ replied to 彡JK彡 ❤️'s discussion Dedicated To All Fake IDs............ :p:p
1 hour ago
Laravel replied to Whispering Soul's discussion "Izat" do trfa chez hai..
1 hour ago
Laravel replied to + Iuuoɔǝut+'s discussion STORY OF BLIND LOVE
1 hour ago
彡JK彡 ❤️ replied to + M.Tariq Malik's discussion Follow the Main Forum & Study Groups New Added Discussions at Your Mail Address
1 hour ago
+ ! ! ! ! ᎠixieᎠuຮt꧂ replied to +¢αяєℓєѕѕ gιяℓ's discussion xD.........................پرانی محبوبہ کے نام
1 hour ago
+ ! ! ! ! ᎠixieᎠuຮt꧂ liked + Iuuoɔǝut+'s blog post The End Is Not Near, But If An 'Insect Apocalypse' Ever Happens, How Would We Know?
2 hours ago
+ ! ! ! ! ᎠixieᎠuຮt꧂ liked moniba hussain's blog post love
2 hours ago
+ ! ! ! ! ᎠixieᎠuຮt꧂ liked moniba hussain's blog post fun
2 hours ago

© 2019   Created by + M.Tariq Malik.   Powered by

Promote Us  |  Report an Issue  |  Privacy Policy  |  Terms of Service