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


+ Link For Assignments, GDBs & Online Quizzes Solution


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

Dear Students! Share your Assignments / GDBs / Quizzes files as you receive in your LMS, So it can be discussed/solved timely. Add Discussion

How to Add New Discussion in Study Group ? Step By Step Guide Click Here.

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 Follow the New Added Discussions at Your Mail Address?

+ 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: 2527


+ 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 


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 .. 


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


Latest Activity

Muhammad Bilal liked Mani Siddiqui BS VIII's discussion Heavy Raining in Karachi
24 minutes ago
Farhan Malik is now a member of Virtual University of Pakistan
2 hours ago
Meϻøøήส liked + ! ! ! ! ! ! CS619's discussion CS619 Project
2 hours ago
Meϻøøήส liked Shanzay's discussion Hua To Kuch B Nahi...
2 hours ago
Meϻøøήส liked Shanzay's discussion Zikar Tera Meri Kahani Main..
2 hours ago
Meϻøøήส liked + Ḱẚảḿḯ's discussion Mohabbat
2 hours ago
Meϻøøήส liked + Ḱẚảḿḯ's discussion Dil
2 hours ago
Meϻøøήส liked + Ḱẚảḿḯ's discussion Mohabbat Ki Jhari
2 hours ago
Meϻøøήส liked Shanzay's discussion Nahii Karta...
2 hours ago
maheen mahan commented on +M.Tariq Malik's group MTH603 Numerical Analysis
3 hours ago
SARIM KHANI added a discussion to the group STA621 Time Series Analysis
4 hours ago
Shanzay posted discussions
6 hours ago

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

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