Basics
•Télécharger en tant que PPT, PDF•
0 j'aime•5,470 vues
This document provides instructions for coding basic Javascript commands. It explains that Javascript code must be placed within <script> </script> tags, and recommends using Dreamweaver as a code editor for its color-coding features. It then demonstrates how to create an alert pop-up with "hello, world" by adding a <script> tag with an Alert command to an HTML file. Finally, it shows how to save Javascript code into its own .js file and link it within an HTML document using <script src="filename.js"></script>.
Recommandé
Contenu connexe
Tendances
En vedette
Similaire à Basics
Similaire à Basics (20)
Plus de Max Friel
Dernier
Dernier (20)
Basics
- 1. Javascript coding:basics *With javascript code, we must place it inside <script> </script> so it will work. We will use dreamweaver as a code editor instead of notepad as this will help us see things in different colours making it easier to code. Create a folder on desktop for this activity. Copy the following code into dreamweaver-<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> </html>
- 2. We now add a javascipt command, update the code and save it as program1.html and run on google chrome. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <Script> Alert(“hello,world”); </script> </head> <body> </body> </html>
- 3. Activity 1 Create 3 alerts on the webpage using the code.
- 4. We can save the javascript code into it's own format known as .js So create a new page on dreamweaver and enter only- alert(“hello, students”); then save as helloworld.js
- 5. Now enter this code in a new html document and save as program2.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script src="helloworld.js"></script> </body> </html>
- 6. Go back to the .js file and enter another alert command alert(“hello, Teacher”); *save and test it on google chrome.