Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
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
JavaScript BreakOut Game This code is an HTML file that contains a canvas element with an id of “canvas” and some JavaScript code to create a game of Brick Breaker. The canvas element is used to display the game graphics and the JavaScript code is used to handle user input, move the game elements, and … Read more
10 JavaScript Coding Mistakes with solutions Not declaring variables properly:Using the wrong comparison operator:Not using semicolons:Not understanding scoping:Using “var” instead of “let” or “const”:Instead, use “let” or “const”:Using “==” instead of “===”:Not using curly braces in if statements:Using “parseFloat” instead of “parseInt”:Not handling asynchronous code properly:Example using a promise:Example using async/await:Not properly scoping variables:Example using … Read more
JavaScript Code Exercises 4 Exercise 1: Sum All Numbers in a RangeExercise 2: Diff Two ArraysExercise 3: Seek and DestroyExercise 4: Wherefore art thou Exercise 1: Sum All Numbers in a Range Write a function that takes an array of two numbers as input and returns the sum of all the numbers between them, inclusive. … Read more
JavaScript Quiz with Answers What is the difference between == and === operators in JavaScript? What is the difference between null and undefined in JavaScript? What is the difference between let and var in JavaScript? What is a closure in JavaScript? What is the difference between call() and apply() in JavaScript? What is a promise … Read more
How do you add an event listener to an element in JavaScript?What is the difference between innerHTML and textContent in JavaScript?How do you create a new element in the DOM using JavaScript?What is the difference between childNodes and children in JavaScript?How do you remove an element from the DOM using JavaScript?How do you check if … Read more
110 JavaScript Quiz Questions Test your Knowledge of JavaScript code examples and solutions to questions about JavaScript #javascript #JavaScriptQuiz #QuizTime #WebDevelopment #CodingChallenge #Programming #FrontEndDevelopment #JavaScriptCoding #TechTrivia #JavaScriptSkills #CodeChallenge #JavaScriptBasics #JavaScript101. What does the “forEach” method do in JavaScript?What does the “NaN” value represent in JavaScript?What does the “this” keyword refer to in JavaScript?What does the … Read more
JavaScript HTML5 Canvas Examples Drawing a rectangleDrawing a circleDrawing a lineDrawing textDrawing an imageSetting the fill styleSetting the stroke styleDrawing a pathSetting the line widthSetting the line cap style Drawing a rectangle <canvas id=”myCanvas”></canvas> const canvas = document.getElementById(‘myCanvas’); const ctx = canvas.getContext(‘2d’); ctx.fillRect(10, 10, 50, 50); This code creates a canvas element with an id … Read more