JavaScript Variables, Event, Button and Action
•Download as PPTX, PDF•
0 likes•4 views
The document discusses the main tags and elements used in JavaScript, including the <script> tag, variables, functions, conditional statements, loops, objects, and arrays. It provides examples of how to declare variables, define functions, use conditional statements and loops, create objects and arrays, and include JavaScript code in HTML documents.
More Related Content
Similar to JavaScript Variables, Event, Button and Action
Similar to JavaScript Variables, Event, Button and Action (20)
Recently uploaded
Recently uploaded (20)
JavaScript Variables, Event, Button and Action
- 2. There are several main tags and elements used in JavaScript, including: •<script>: The <script> tag is used to include JavaScript code in an HTML document. The code can be written directly in the <script> tag or linked to an external JavaScript file using the "src" attribute.
- 3. There are several main tags and elements used in JavaScript, including: •Variables: Variables are used to store data in JavaScript. They can be declared using the "var", "let", or "const" keywords followed by the variable name.
- 4. There are several main tags and elements used in JavaScript, including: •Functions: Functions are blocks of code that can be reused throughout a program. They are defined using the "function" keyword followed by the function name and any parameters.
- 5. There are several main tags and elements used in JavaScript, including: •Conditional Statements: Conditional statements are used to perform different actions based on different conditions. The most commonly used conditional statements in JavaScript are "if", "else if", and "else".
- 6. There are several main tags and elements used in JavaScript, including: •Loops: Loops are used to repeat a block of code until a specific condition is met. The most commonly used loops in JavaScript are "for", "while", and "do-while".
- 7. There are several main tags and elements used in JavaScript, including: •Objects: Objects are used to store collections of data and functions. They are defined using curly braces {} and can have properties and methods.
- 8. There are several main tags and elements used in JavaScript, including: •Arrays: Arrays are used to store collections of data in JavaScript. They are defined using square brackets [] and can hold any data type, including other arrays.
- 9. • <!doctype html> • <html> • <head> • <meta charset="utf-8"> • <title>Untitled Document</title> • </head> • <body> • • <div id="demo" onclick="raju()"> • Click me • </div> • <script> • function raju() • { • document.getElementById("demo") .innerHTML = "I have changed!"; • const myElement = document.getElementById("demo") ; • myElement.style.color = "red"; • } • </script> • • </body> • </html>
- 10. • <!doctype html> • <html> • <head> • <meta charset="utf-8"> • <title>Untitled Document</title> • </head> • <body> • • <div id="demo" onclick="raju()"> • Click me • </div> • <script> • function raju() • { • document.getElementById("demo") .innerHTML = "I have changed!"; • } • </script> • • </body> • </html>
- 11. •<!doctype html> •<html> •<head> •<meta charset="utf- 8"> •<title>Untitled Document</title> •</head> •<body> • <script type="text/javascript"> • document.write("Welc ome to <br><b>St.Mary's College</b>"); • </script> • • </body> • </html>
- 12. • <!doctype html> • <html> • <head> • <meta charset="utf-8"> • <title>Untitled Document</title> • </head> • <body> • <div id="demo"><!-- onclick="myFunction()" --> • Click me • </div> • <script> • document.getElementById ("demo").innerHTML = "I have changed!"; • </script> • <!-- function myFunction() { --> • </body> • </html>