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: 2473

.

+ 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

bnaya to hai but work nahi ker raha 

Attachments:

bhai code tho share kar dain pl

open with notepad kro total code a jaye ga

thanks nazir for guidance

alert box kay code kia hn

? can any one tell

kya karna  hai  phr inn codes  ko type kar k ???

can anyone  guide us ?

Solved ;) Uploading now enjoy every one :) 

Please Is ko smajhna zarur .. Full CS101 Assignment .. 

Attachments:

i am unable to down load it

Dear I am going to upload zip file :) 

If unable to understand :) Then Tell me :) I will teach you that how i done this

RSS

Latest Activity

2.O replied to 2.O's discussion Dying from Curiosity :P :P
2 hours ago
2.O replied to 2.O's discussion Dying from Curiosity :P :P
2 hours ago
2.O posted discussions
2 hours ago
Azam Khan Buzdar replied to + M.Tariq Malik's discussion VU Students Reserves The Right to Delete Any Profile On the Site
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked + "αяsαℓ " Ќąƶµяɨ •"'s discussion Me, Mom and Drama serial
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked 彡JK彡 ❤️'s discussion پچھتاوے تو تمہارے لئے ہیں
3 hours ago
+ ! ✨ ░S░I░N░G░E░R replied to 彡JK彡 ❤️'s discussion چھٹی کی درخواست
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked 彡JK彡 ❤️'s discussion چھٹی کی درخواست
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked + "Jɨyą's discussion Aksar...!
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked + "Jɨyą's discussion Saaya...!
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked + "Jɨyą's discussion Cheekh.....!
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked zohaib iftikhar's discussion ...* KIA KOI ALLAH PE AHSAN KR SAKTA HAI??? ...*
3 hours ago
+ ! ! ! ! Ⲙehar Roman replied to october's discussion poetry
3 hours ago
+ ! ✨ ░S░I░N░G░E░R liked Zain Kazimi's discussion self poetry
3 hours ago
+ ! ! ! ! Ⲙehar Roman liked october's discussion poetry
3 hours ago
+ ! ✨ ░S░I░N░G░E░R replied to Zain Kazimi's discussion self poetry
3 hours ago
+ ! ! ! ! Ⲙehar Roman liked ++"S.M.TALHA"++'s blog post ابا جی ڈیڈی اور پاپا میں زمین اور آسمان کا فرق ہوتا ہے
4 hours ago
+ ! ! ! ! Ⲙehar Roman liked ++"S.M.TALHA"++'s blog post سر پلیز....
4 hours ago
+ ! ! ! ! Ⲙehar Roman liked +++STUDENT+++'s blog post Search Beauty
4 hours ago
+ ! ! ! ! Ⲙehar Roman liked +++STUDENT+++'s blog post change
4 hours ago

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

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