Welcome to a tutorial on how to add two numbers in Javascript. Adding two numbers together should be a piece of cake now, right? Well, it’s not really straightforward. To add 2 numbers in Javascript, get the values from the fields and parse them into integers before adding: var first = document.getElementById(“FIRST”).value; var second = […]
Add Two Numbers in Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to create a progress bar with Javascript. Looking to add some nice “now processing” visuals to your website? We can use the HTML <progress> tag to create a very simple fuss-free progress bar: <style> #demo { -webkit-appearance: none; } ::-webkit-progress-bar { background: gray; } ::-webkit-progress-value { background: orange; }
Simple Javascript Progress Bar With Percentage (Free Download) Read More »
Welcome to a quick tutorial on how to show error messages in HTML forms. This is probably one of the major bugbears for some beginners, how do we handle and show error messages for HTML forms? There are no fixed ways to show errors in HTML forms, but the common methods to display error messages
Show Error Messages In HTML Forms (Simple Examples) Read More »
Welcome to a short tutorial on how to round off numbers in Javascript. So you have a project that needs to round off a number? To round off a number in Javascript – Math.round(12.34); Round up to the nearest whole number – Math.ceil(1.1); Round down to the nearest whole number – Math.floor(2.3); Drop the decimal
Round Off In Javascript (Up, Down, To Decimal Places) Read More »
Welcome to a tutorial on how to fade in and fade out HTML elements. So you want to fade in a section, or fade out a button once it is clicked on? Some libraries provide convenient “fade features”, but we don’t need to load an entire library just for a simple fade effect. Fading an
Fade In & Fade Out HTML Elements (Very Simple Examples) Read More »
Welcome to a quick tutorial on how to submit an HTML form without reloading the page. So you want the user to stay on the same page after submitting an HTML form? Long story short, it can only be done with Javascript – Read on for the examples! TABLE OF CONTENTS Download &
2 Ways To Submit HTML Form Without Reloading Page Read More »
Welcome to a short tutorial on how to add commas to numbers in Javascript. So you have a project that needs to display some “nice-looking numbers”? The easy ways to add commas to numbers in Javascript are: Use the toLocaleString() function var num = 1234567.89; var commas = num.toLocaleString(“en-US”); Convert the number to a string,
3 Ways To Add Comma To Numbers In Javascript (Thousands Separator) Read More »
Welcome to a tutorial on how to create responsive tabs with pure HTML, CSS, and JS. Need to organize the information on your website a little better? Don’t want to load an entire library just for a simple tab plugin? Here is a sharing of my own, using only pure HTML CSS JS – Read
Very Simple Tabs With Pure HTML CSS JS (Free Download) Read More »
Welcome to a tutorial on how to create responsive AJAX tabs with pure HTML, CSS, and JS. Need to create a simple tab that loads the content via AJAX? Well, here is one that uses only pure HTML CSS JS, no third-party frameworks – Read on! ⓘ I have included a zip file with all
Very Simple AJAX Tabs With Pure HTML CSS JS (Free Download) Read More »
Welcome to a tutorial on how to prevent text copying on a webpage using Javascript and CSS. Are you having some problems with content thieves? Are your articles getting copied and pasted somewhere else without your permission? Then it’s time to put some protection into place. To disable text copying in CSS and Javascript, there
3 Ways to Disable Copy Text in Javascript & CSS Read More »