Programming

Programming intro
Java

Markup

First webpage guide
HTML
XHTML

Style & Layout

CSS

Browser scripting

Javascript
VBScript
AJAX

Server scripting

PHP
ASP

Making money online

Make money online

Your first Javascript program

This tutorial focuses on creating your first Javascript program in:

Windows

  1. Open notepad by going to Start -> Programs -> Accessories-> Notepad OR go to Start -> Run -> Type notepad and press Enter

  2. Type in the following code:

    <html>
    <body>
    <script type="text/javascript">
    alert("My first Javascript program!");
    </script>
    </body>
    </html>
    
  3. Save the file as firstjavascript.html

    NOTE: Make sure that you give the file a .html extension and that you save it as type 'All Files', otherwise you will get plain text.

  4. Open your web browser.

  5. Type into the web browsers location bar the absolute location of the directory where you saved your file along with the file name. For example, if you saved the file in C:\windows, type C:\windows\firstjavascript.html into the web browsers location bar.

  6. You should now see a blank document in your web browser which pops up an alert box that says "My first Javascript program!" in your web browser, the same as in this screenshot:

    Document result

Linux

  1. Open nano and type in the following code:

    <html>
    <body>
    <script type="text/javascript">
    alert("My first Javascript program!");
    </script>
    </body>
    </html>
    
  2. Save the file as firstjavascript.html

  3. Open your web browser

  4. Type into the web browsers location bar the absolute location of the directory where you saved your file along with the file name. For example, if you saved the file in /home/user1/desktop, type /home/user1/desktop/firstjavascript.html into the web browsers location bar.

  5. You should now get the file in your web browser which displays a blank page and pops up an alert box that says "My first Javascript program"

Screenshot for Linux coming soon..

Mac

Coming soon..

Step-by-step tutorials
Programming intro
HTML
XHTML
CSS
Javascript
Java

Practice

Online code editor
Practical examples
Practical exercises

Reference

Terms glossary
Reference material

Rate this site

Rate this site
Visitor comments