Airport Calculator
This useful JavaScript calculator will tell you the degrees, Nautical Miles, Statute Miles, and Kilometers between your originating and destination […]
JavaScript Tutorials — Scripting, Caching Techniques and Performance Optimisation
JavaScript is the language of the modern web — the only programming language that runs natively in every browser, making it essential for anyone building interactive websites, dynamic web applications or modern front-end experiences. Beyond the browser, JavaScript now powers server-side development through Node.js, mobile applications through React Native, and desktop tools through Electron, making it one of the most versatile languages in software development today.
MYCPLUS has been publishing JavaScript tutorials and web programming guides since 2007. This section covers JavaScript from scripting fundamentals through to practical performance topics including caching strategies, browser optimisation techniques and efficient JavaScript programming patterns. With over 20 articles covering beginner through intermediate JavaScript concepts, you will find clear explanations of core scripting principles, DOM manipulation techniques, practical code examples for common web programming challenges, and performance guides that show you how to write faster and more efficient JavaScript.
hether you are a beginner writing your first JavaScript function, a web developer looking to improve application performance, or a programmer exploring modern JavaScript features — this section gives you the practical skills to write better JavaScript for real-world web development.
What You’ll Learn:
- JavaScript scripting fundamentals — variables, functions, control flow, scope, closures and the core JavaScript programming model with practical browser-based examples
- DOM manipulation and events — selecting and modifying HTML elements, handling user events, dynamic content updates and building interactive web page behaviour with JavaScript
- Caching techniques in JavaScript — browser caching strategies, service workers, localStorage and sessionStorage, application cache and practical caching patterns for faster web applications
- Performance optimisation — reducing JavaScript execution time, minimising reflows and repaints, efficient DOM operations, lazy loading techniques and writing high-performance JavaScript code
- Modern JavaScript features — ES6 and beyond including arrow functions, destructuring, template literals, promises, async/await and the modern JavaScript features used in professional web development
- Practical JavaScript source code — ready-to-use JavaScript programs covering common scripting tasks, utility functions, web application patterns and real-world coding examples
Why MYCPLUS: Trusted by web developers and JavaScript programmers since 2007 — every tutorial includes practical working code examples covering scripting fundamentals, caching strategies and performance techniques for real-world web development.
JavaScript Calculator Program
This is a very nice JavaScript calculator program to demonstrate simple operations such as addition, multiplication and division. Although the source code can get quite confusing, it works.
Five function calculator
Here is a really simple JavaScript calculator – with just 5 functions! (Add, subtract, multiply, divide, and power) This example
Days till date
This little JavaScript will take an event or date in the future and compare it to the current date, then
Current date and time (long)
This is the somewhat longer way to put the current date and time on your page. It writes in a
Type a color
This script is another neat way to spice up your webpage with JavaScript. Visitors just type their favorite color in
Random Background
Get a random background color with the touch of a button. This script uses 15 pre-determined background colors and then
color Wheel
This JavaScript will change the background from one color to the next for each of the 10 colors then it
JavaScript – Interactive Background Color Changer
The “Interactive Background Color Changer” code provides a user-friendly interface to dynamically change the background color of a web page. It includes buttons to select predefined colors such as red, green, blue, white, black, and grey. Additionally, it features buttons to incrementally adjust the RGB (Red, Green, Blue) values of the background color which allow users to create custom colors.