JavaScript quiz tutorial

This tutorial explains how to create a quiz program in the JavaScript language which will look like this (you can change the theme): The quiz will look like this when …

Introduction to JSON

JSON stands for JavaScript Object Notation. JSON is a light-weight data interchange format that uses JavaScript syntax in text format that can be read and used as data by other …

Keyboard events in JavaScript

In earlier JavaScript tutorials we looked at using onclick and onmouseover events to call a function when a user clicked or rolled their mouse over a button, and also the onload …

JavaScript Quiz

Here is some code for a simple Quiz program written in JavaScript: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Quiz</title>   <style> div#test{ border:#000 1px solid; padding:10px 40px 40px 40px; } </style> …

JavaScript calcalator

The code below shows how to make a simple calculator with JavaScript. <html> <head> <title>My app</title> </head> <body> <div style=”width:173px; background:lightblue”> <form name=”form”> <input name=”result”/></br></br> <input type=”button” name=”1″ value=”1″ onClick=”run(‘1’)” …

Radio buttons and form validation

Forms allow users to submit data in many different ways. A range of form input elements are available including text boxes, checkboxes, radio buttons, and submit buttons. This video tutorial …

Validating form data

In this tutorial, you will learn how to use JavaScript to validate form data. Form validation ensures that the correct form data has been provided by the user. For example, …

Submitting forms

This video tutorial explains how to create a form which can accept a username and password, and then submit the form data. The video only explains how to use the text …

User input with forms

We will now start using forms to take user input. Forms include elements such as input text boxes, checkboxes, radio buttons, drop-down lists, and submit buttons. In this tutorial, we …