Presentation is loading. Please wait.

Presentation is loading. Please wait.

JAVASCRIPT.

Similar presentations


Presentation on theme: "JAVASCRIPT."— Presentation transcript:

1 JAVASCRIPT

2 What does JavaScript do?
What is JAVASCRIPT ? JavaScript is a programming language that Website developers can use as a part of creating websites. What does JavaScript do? JavaScript is a multipurpose programming language. There are many, many things that it can be used for. Generally speaking, it is used to allow Website developers to create web pages that have some intelligence built in to them. Instead of a webpage just being a plain page that has no interactivity, JavaScript can allow webpages adapt to what you do on the page, load new information, make decisions and respond to events. For example, JavaScript might be used to validate a Mailing List Subscription form. So that when you try to submit a form the code runs and looks at each field on the form. If the code notices that you've forgotten to enter something in one of the fields (For example, your address) it would pop up a warning and not let you submit the form until it is complete. Once that field is fixed then the form will be allowed to be submitted.

3 JavaScript Fundamentals For Beginners

4 Java1.html Do you know, What is difference ?
Do you know, What is difference ?

5 Java1.html <!DOCTYPE html> <html> <body>
<!DOCTYPE html> <html> <body> <h1>What Can JavaScript Do?</h1> <p id="demo">JavaScript can change HTML content.</p> <button type="button"onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">ClickMe!</button> </body> </html>

6 Java2.html

7 Java2.html http://bus2226w16.com/stuhtml/3207/java2.html
<!DOCTYPE html> <html> <body> <h1>JavaScript Can Change Images</h1> <img id="myImage" onclick="changeImage()" src=" width="100" height="180"> <p>Click the light bulb to turn on/off the light.</p> <script> function changeImage() { var image = document.getElementById('myImage'); if (image.src.match("bulbon")) { image.src = " } else { image.src = " } </script> </body> </html>

8 <!DOCTYPE html> <html> <body> <h1>JavaScript Can Change Images</h1> <img id="myImage" onclick="changeImage()" src=" width="100" height="180"> <p>Click the light bulb to turn on/off the light.</p>

9 <script> function changeImage() { var image = document.getElementById('myImage'); if (image.src.match("bulbon")) { image.src = " } else { image.src = " } </script></body></html>

10 Java3.html


Download ppt "JAVASCRIPT."

Similar presentations


Ads by Google