JavaScript

JavaScript Source Code

Free JavaScript Source Code. Download 10 latest JavaScript with source code for free here.

Button Sound Effects

Submitted by GeePee on
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 =

Automatically Convert String to Upper Case in Javascript

Submitted by GeePee on
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.

Validate Decimal Number in Javascript

Submitted by GeePee on
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.

setAttribute/removeAttribute in Javascript

Submitted by GeePee on
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

Clipping Canvas Element in Javascript- Circle Shape

Submitted by GeePee on
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.

selectAll Text in Javascript

Submitted by GeePee on
This project will teach you how to create a selectAll text in a div using javascript. With this method, the user can easily copy all of the content on the selected div specially large amount of content. It has only few lines of codes in javascript using execCommand method. Don't forget also to set to true the div contenteditable event. Hope you learn from this.

Shadow Effect on Canvas Element in Javascript

Submitted by GeePee on
This project will teach you how to create a shadow effect on canvas element using javascript. You have the option to set the shadow whether what position you set them in(if the shadow x position is on left side, that is negative number and right side is positive number. The same with y position, if the shadow is on the upper side, that is negative number and bottom is positive number. The positive