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


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

.

+ 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

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

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

.