Social Icons

Friday, December 1, 2017

Create Your First Javascript Program


In this tutorial we will see how to make our first Javascript program using the Notepad ++ IDE. This program will display the famous "Hello World!" Message.

1 - Structure of a Javascript code

The syntax of a JavaScript code is of the form:
.
<script language="javascript">
      
 Your code Javascript here !

</script>

or :

<script type="text/javascript">
      
 Your code Javascript here !

</script>

Example (displaying a message on the screen)

You can display a message on the screen using the alert () function; )


<script type="text/javascript">
      
alert ('Hello World!');

</script>


 We can now wonder where are we going to insert this code?

There are two methods available to you:

  1. 1st method (directly between the body and / body tags)
  2. 2nd method (Javascript code between Head and Head tags)

In this tutorial we will see the first only, the 2nd will be treated in the next chapter
Example (Javascript code between Body and / Body:

<! DOCTYPE html>
<Html>
<Head>
    <title> Hello World! </ title>
</ Head>
<Body>
    <script language = "javascript">

        alert ('Hello world!');

    </ Script>
</ Body>
</ Html>

This Javascript code is inserted directly between the body and / body tags, which means that it will be

executed directly when the page is loaded. To test this example :
  1. Launch your notepad ++ editor
  2. Copy the code above and paste it on Notepad ++
  3. From the Language menu choose HTML
  4. Save the file by choosing a name of your choice, for example myFirstProgram





To run the code now, click on the Run menu and choose Launch in (your Browser), for example Launch in firefox






At this moment a small window displaying the message Hello World! appears on the screen.



Younes Derfoufi

No comments:

Post a Comment

Python Exercises With Solutions

  1. Exercises on Python Strings
  2. Exercises on Python lists
  3. OOP Exercices with solutions
  4. Exercises on Python File I/O
  5. Python Dictionary Exercises
  6. Python Sets Exercises
  1. Python Arithmetic Exercises
  2. Equations & System Of Equations
  3. Polynomials and Functions
  4. Python Arithmetic Exercises 
  5. Numpy, Matplolib, Sympy , Scipy - Exercises
  6. Python Arithmetic Exercises
  1. Python GUI Tkinter Exercises



Younes Derfoufi

Category Of Mobile Courses

Actualités (644) Adsense (1) Affiliation (1) Algebraic Topology (2) Algorithmic (1) all-news (30) Android (5) Android App (8) Android app without code (4) Android Apps (256) Android Development (4) Android download (2) Android OS (3) AngularJS (1) Automata theory and formal language (5) Bootstrap CSS (1) C programming (5) Category and Functor (8) CMS (3) Computer Glossary (18) Create Mobile App With Ionic Framework (2) CSS (2) CSS-Cascading-Style-Sheets (4) Developpement Java (13) Differential Geometry (1) Django-Python-Framework (9) dropshiping (26) Earn Money by Internet (4) Emplois (23) Framework php (2) Fraud (2) HTML (7) Java For Beginners (10) Javascript (12) Kotlin Programming Language (8) Kotlin For Mobile Android (1) Linux Download (2) Marketing (5) Mobile (3) Mobile Courses (4) Mobile Marketing (4) MoneyGram (1) News (721) Node.js (5) Open Source (1) Photoshop (1) Protect Computer (1) Python (35) Python BeautifulSoup (1) Python For Data Science (2) Python PyQt (4) Python Reference (1) Python Source Code (1) Python-Books (6) Python-DVD-Training (1) Python-Exercises (297) Python-Framework (1) Python-IDE (1) Python-Kivy-Framework (2) Python-Modules (1) Python-pdf (2) Python-pyQt (1) Référencement (2) Script PHP (2) Security (6) SEO (1) Snipping Tool: Faq (1) Social Networks (1) Source Code (4) Statistics With SPSS (2) Surveillance Software (1) Travail à domicile (6) Tutoriels php en vidéos (2) Tutoriels-MySql (6) tutoriels-php (19) Utilitaires (1) VPS (1) Web Hosting (1) Webcam (1) Webmarketing (11) Western Union (1) Windows 10 (1) Windows 7 (4) Windows 7 Faq (2) Windows 8 (1) Windows Accessories (1) Windows Download (8) Windows Drivers (1) Windows Fonts (1) Windows Power Shell (2) Windows Registry (2) Windows Security (18) Windows Software (2) Windows Spyware (2) Windows utilities (3) Windows Virus (2) Windows Vista (3) Windows Wireless (1) Windows xp (1) Wordpress (1)
 

Sample text

Sample Text

 
Blogger Templates