Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
The given code demonstrates a simple game where a player can move around a canvas using the arrow keys. Let’s break it down step by step: const canvas = document.getElementById(“canvas”); const ctx = canvas.getContext(“2d”); const player = { x: 250, y: 250, width: 50, height: 50, speed: 5 }; function movePlayer(event) { // Move the … Read more
The getBoundingClientRect() method in JavaScript returns a DOMRect object that represents the position and size of an element relative to the viewport. The properties of the DOMRect object include coordinates and dimensions, which are often expressed as floating-point numbers (decimal places). The reason getBoundingClientRect() returns decimal values is because it provides sub-pixel accuracy. In modern … Read more
In JavaScript, when an HTML element has an id attribute defined, it automatically becomes available as a global variable in the DOM (Document Object Model). This means you can directly access that element using its id as a variable without the need for any explicit lookups or queries. For example, if you have an HTML … Read more
You can use the FormData API in JavaScript. Here’s an example of how you can serialize form data: function serializeFormData(form) { var formData = new FormData(form); var serializedData = {}; for (var [name, value] of formData) { if (serializedData[name]) { if (!Array.isArray(serializedData[name])) { serializedData[name] = [serializedData[name]]; } serializedData[name].push(value); } else { serializedData[name] = value; } … Read more
Using == instead of ===Not using const and letNot using semicolonsNot handling errorsNot using strict modeNot using curly bracesNot using Array.prototype.forEach()Not using const when defining functionsNot using the let keyword in for loopsNot using === or !== with null or undefined Using == instead of === Using == instead of === can lead to unexpected … Read more
top 10 coding mistakes with JavaScript and how to avoid them: #javascript #learnjavascript #javascripttutorial #javascriptbeginner #javascriptintermediate #javascriptadvanced #javascripttips #javascripttricks #javascriptcode #javascriptproblems #javascriptchallenges #javascriptdom #javascriptajax #javascriptjquery #javascriptnode #javascriptreact #javascriptangular 1. Not declaring variables. When a variable is not declared, it is considered a global variable. This means that it can be accessed from anywhere in the … Read more
Learn to Code JavaScript Find the largest number in an array:Check if a string is a palindrome:Calculate the sum of an array:Check if a number is even or odd:Reverse a string:Find the factorial of a number:Write a function to check if a given number is even or odd.Write a function to reverse a string.Write a … Read more
Make a JavaScript Game – Create your first HTML5 Canvas JavaScript web based game from scratch explore how make a game Make your own games online – start with this amazing simple game project creating a Breakout game from scratch Explore how you can write code to create GAMEs – Games that run within any … Read more
5 JavaScript coding Exercises 2 FizzBuzzPalindrome checkerHangman gameShopping cartTyping speed test FizzBuzz Source code: for (let i = 1; i <= 100; i++) { if (i % 3 === 0 && i % 5 === 0) { console.log(‘FizzBuzz’); } else if (i % 3 === 0) { console.log(‘Fizz’); } else if (i % 5 === … Read more
5 JavaScript coding Exercises 1 Reverse a String:FizzBuzz:Palindrome Checker:Random Number Generator:Capitalize the First Letter of Each Word: Reverse a String: Write a function that takes a string as an argument and returns the string in reverse order. For example, if the input string is “hello”, the output should be “olleh”. function reverseString(str) { return str.split(“”).reverse().join(“”); … Read more