Beginners guide to programming in javascript for non programmers

12 years ago, November 5, 2012
Reading time: 6 mins

 

The main objective of this guide is to introduce you with the programming with the least applications. All you need is a browser, Chrome/Firefox or IE and a text editor notepad.
 
Who is this tutorial for?
  • A non programmer / Beginner level programmer with HTML knowledge
 
What will this guide teach?
  • To create a simple application that will plan weekend by summing two guests' money
 
Technical objectives
  1. Initializing and assigning variables
  2. Taking user input
  3. Outputting the response to the user
  4. arithmatic operations (Addition)
  5. Conditional statement if .. else …
<!DOCTYPE html>
<html>
    <head>
        <title>Javascript Programming</title>
        <script>
            //initializing variables
           var interviewer,name1,name2;
           var money1=0,money2=0,totalmoney=0;
           
           //Ask names from the user
           interviewer = "Anil";
           name1 = prompt("what is your name guest 1?");
           name2 = prompt("what is your name guest 2?");
           
           //greetings
           alert("Hello " + name1 + " and "+name2+"!!!!!!!!!!!"); 
           alert("I am " + interviewer);
           
           
           
           //ask how much money they have
           money1 = parseInt(prompt("How much money do you have "+name1+"?"));
           money2 = parseInt(prompt("How much money do you have "+name2+"?"));
           
           //add money
           totalmoney = money1 + money2;
           
           //tell them how much money they have
           alert("Combining both of you, you have $"+totalmoney);
           
           if(totalmoney > 1000){
              alert("Lets go for shoppiiiinnnngggg!!!!")
            }
           else if(totalmoney>500){
              alert("Lets Go for movies!! We can get some popcorn and cold drinks too!!") 
           }
           else if(totalmoney>100){
              alert("Lets go to cafe! have some coffee with pastries!!!")
           }
           else{
              alert("Boil some eggs and noodles.. We are going to Enjoy at home!!")
           }
           
        </script>
    </head>
    <body>

        <h1>Javascript Programming</h1>

        
    </body>
</html>


Run the application

Previous
How to unlock Android phone after too many pattern attempts without factory reset
Next
Easiest way to change android bootscreen animation
© 2024 Anil Maharjan