Regex Checking for Numbers in the input field Check for values that match a Regex pattern in the input field. Push a button and apply the match checker to return the results in the console. <!DOCTYPE html> <html> <head> <title>JavaScript Course</title> </head> <body> <div class=”main”> <input id=”nums” ><button>Submit</button> </div> <script> … Read more
Apps Script – Search Active Sheet to find matching text results of cells Use of the createTextFinder method to search a sheet object and return back the matching results. To get the first value use the method findNext() in the results which is an iterator. To convert all the matching results into an array object … Read more
Words Typing Display Game Words Typing Display Game Exercise is to create a speed typing game using JavaScript, the game will test time and accuracy of typed words. Each word will show, as well as the following word in the random word sequence. The objective of the JavaScript game is to type the words accuray … Read more
Explore how to code with JavaScript. Setup interval can be added and removed. It can be used to repeat code on a set interval.
GetTime For Timer using DateHow to set up a timer based on a JavaScript Date object. This project will create a set of buttons that can start and stop a timer. The timer values are based on the ECMAScript epoch from the Date object in JavaScript that can be returned using getTime(). This format will … Read more
Pseudo-elements CSS adding content to page elements with CSS Pseudo elements can select part of an element and apply styling. They can also be used to add content before and after the content within the element selection. Update parts of an HTML element with CSS Pseudo elements
CSS Pseudo-classes for hover effects and more create interactive content CSS Pseudo classes used to define the state of an element. By default on anchor tags, these properties can set the look and feel on the various states. Pseudo classes can be applied to any element, making the element styling update on change of state. … Read more
How to apply CSS to text setting font styling,text decoration and transformations. Use CSS to update how the text looks and feels from your website. Set the text alignment within the parent element, with left right and center. How to transform text within an element to uppercase, lowercase and how to capitalize text with … Read more
What is the CSS Box Model and How to set Border Margin Padding for elements HTML elements are in a rectangular shape, each can be thought of as a box. With the outer property of a margin, and inner with padding and content. The divider line is the border which can be set on any … Read more
Colors of text and background colors can easily be applied. Different color values can be used, such as the HEX value of the color, the RGB color value, or the named color value. Background images can also be set to any page element. Using a background image, there are properties that can be set … Read more