JavaScript

This project will teach teach you how to include a search highlight in your website in an easy way using jQuery. What we'll do is to download highlight jQuery plugin and customize the codes. Here is the sample code that I created using highlight jQuery plugin: $(document).ready(function() { $('#search_btn').click(function(){ var search_str = $('#str_search').val(); $('body').unhighlight()

This is a simple examination application using multidimensional array in javascript, this is just computer based test CBT but is a prototype. If you have interest in this Application. Contact:- Tel: +2347066507363 email: [email protected]

This 3 buttons will allow you to change the background color of your web page using JavaScript. This code is for beginners only.

First, I'm using Freegeoip service to detect latitude and longitude. After that, I used latitude and longitude with Google Maps Javascript API. And then we have a result. Hope you learn from this project.

This project will teach you how to put a sound effects on your button. This is what we usually encountered in other social media sites. Every click of each buttons, the sound effect played. In my last project, I created a Drop down menu. Let's make it as an example again and add some sound effects. With a very few lines in javascript, we can get this done. var effect = new Audio(); effect.src =

This project will teach you how to convert string to upper case automatically using javascript. We can use these if we have a textfield requirements to capitalized all inputted data or just the first letter of the word. It is more convenient for the users while inputting data at the same time we can make sure that it meets system requirements. Hope you learn from this.

This project will teach you how to validate decimal number in javascript. It is important to validate first the input data before submitting. The user must meet the requirements to be able to proceed with the next procedure. There are textfield which requires numbers only, so we have to block the non-numeric characters to avoid errors. Hope you learn from this.

This project will teach you how to use setAttribute and removeAttribute method in javascript. setAttribute adds an attribute to a specified element and give it a value. Like in my example, I add an attribute of class and the value is animate which I give an animation. So, by pressing the setAttribute button, the element starts to animate and by clicking removeAttribute, the animation stops

This project is the continuation of what we create previously on how to clip canvas element in javascript. Now, we will create a polygon shape. We will use moveTo method to start the path, then use the lineTo method to add a new point and create a line. Hope you learn from this.

This tutorial will teach you how to clip canvas element in javascript. On my previous example, I also discuss clipping but I used pure css/html. This time we will do it in javascript. You can also create different shapes like what we did in css example. Here's the link of css clipping if you've never seen it. Next project, I'm gonna show you the polygon shape. Hope you learn from this.