JavaScript

  • Submitted by: 
    In this tutorial, We will learn how to create a neon text effect that you can use in you projects or systems. Just download the source code bellow and follow the instructions. INSTRUCTIONS Copy this code and save it as index.php < style > body { background - color : black ; } </ style > < h2 > < script language = "JavaScript1.2" > var message = "Welcome to Sourcecodester...
  • Submitted by: 
    In this chapter, You will learn to make a Date of birth counter into days, hours and time. Just follow the tutorial below and download the source code. DIRECTIONS Creating our HTML code < FORM name = "live" > < BR >< BR >< BR > < TABLE border = 1 > < tr > < td >< INPUT TYPE = "button" NAME = "start" VALUE = "Start" ONCLICK = "lifetimer(this.form)"...
  • Submitted by: 
    In this tutorial we are going to learn how to disable text box in 3 failure login attempts. The user is only given 3 chances to enter the correct username and password. Username: test Password: test You can modify the username and password inside the script. <!DOCTYPE html> <html> <head> <style> table{ margin:auto; } input{ border:1px solid #888; padding:5px; } </style...
  • Submitted by: 
    In this tutorial, we are going to make a simple hangman game using javascript and html. Just follow the instructions below and download the source code. You can you this in your projects or systems. Instructions Writing our html code < FORM NAME = "f" > < TABLE BGCOLOR = #428bca BORDER = 1 > < TR > < TD COLSPAN = 4 ALIGN = RIGHT> Score : < INPUT TYPE = TEXT NAME = "...
  • Submitted by: 
    In this tutorial, I will teach you how to make a mp3 player using javascript and html. just download the code to use it in your projects or systems. Instructions Creating our index.php page < html > < head > < title > Audio PLayer < / title > < link href = "css/style.css" rel = "stylesheet" type = "text/css" > < script type = "text/javascript" src = "javascript/...
  • Submitted by: 
    In this project we are going to learn how to create a simple scientific calculator using javascript. Here's the script for scientific calculator. Javascript Code: <script> function addChar(input, character) { if(input.value == null || input.value == "0") input.value = character else input.value += character } function cos(form) { form.display.value = Math.cos(form.display.value); } function...
  • Submitted by: 
    In this tutorial, I am going to teach on how to create a snake game in javascript. Just download the source code and follow the instructions below. DIRECTIONS HTML Code <<!DOCTYPE HTML> < html > < head > < style > body { margin: 0px; padding: 0px; background-color:#eee; } < / style > < / head > < body > <canvas id = "myCanvas" width = "640" height...
  • Submitted by: 
    This is a simple program that will teach on how to create a snow effect using javascript. You can use this in your projects or systems. Just download the source code below. Instructions HTML Code <!DOCTYPE html> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / > < title > Snow Demo < / title > < style > body {...
  • Submitted by: 
    In this tutorial, I am going to teach you on to make a beautiful progress meter using CSS and Javascript. Just download the source code below and follow the instructions. Instructions Creating our index.php page In this page we will be creating our html code. don't forget to place the css link on the head tag of the page and place the javascript link below the body tag. <!DOCTYPE HTML>...
  • Submitted by: 
    In this chapter, I am going to teach you how to make a rotating image or shape using javascript. Download the source code and follow the directions below. You can use this to your simple projects. DIRECTIONS HTML CODE <!DOCTYPE html> < html > < head > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" / > < style > canvas { border:1px solid #...

Pages