Laurence Svekis
The JavaScript DOM 15 Simple Code Examples
The JavaScript Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the structure of a document as a tree of objects, with each object (or “node”) representing a part of the document, such as an element, an attribute, or text content. The DOM allows developers to access and manipulate … Read more
How to Create Page Elements with JavaScript
Create Page Elements with JavaScript How to Create Page Elements and make them Interactive with Event LIsteners There are several ways to create page elements with JavaScript, including: Using the document.createElement() method, which creates a new element with the specified tag name. For example, the following code creates a new div element: let newDiv = … Read more
Create an interactive table list of item object values from a JavaScript array.
Create a list of items within a table using JavaScript. Data is contained within an array with object values. <!DOCTYPE html> <html> <head> <title>Learn JavaScript</title> <style> table{ width:100%; } td:first-child{ width:10%; } td:last-child{ width:10%; } td{ border: 1px solid #ddd; } </style> </head> <body> <h1>Learn JavaScript Course </h1> <div> <input type=”text” id=”addFriend” > <input type=”button” … Read more
JavaScript Create Element List
The document.createElement() method in JavaScript is used to create a new HTML element with a specified tag name. The method takes a single argument, which is the tag name of the element to be created. For example, document.createElement(“div”) creates a new div element. The newly created element can be accessed and modified through the DOM … Read more
Learn To Code JavaScript Free PDF 2023 Volume 2
JavaScript Closure Explained https://youtu.be/7vyHA0aODeU A closure in JavaScript is a function that has access to variables in its parent scope, even after the parent function has returned. Closures are created when a function is defined inside another function, and the inner function retains access to the variables in the outer function’s scope. Here is an … Read more
Linkedin Top 10 Tips of 2023 Profile SuperCharge
Top 10 Linkedin Tips GuideLaurence Svekis https://www.linkedin.com/in/svekis/ Profile PictureUse a professional profile picture: A professional headshot is essential for making a good first impression on potential connections and employers. HeadlineWrite a compelling headline: Your headline is the first thing people see when they come across your profile, so make sure it accurately reflects your professional … Read more
jQuery Button Click Counter coding example and free lesson on jQuery
jQuery is a popular JavaScript library that makes it easy to manipulate HTML elements, handle events, and create animations. Here’s a common jQuery example that demonstrates how to select elements, add an event listener, and change the element’s text: Copy code <button id=”my-button”>Click me</button> <p id=”my-text”>Hello</p> <script> // Select the button and add a click … Read more
JSON and JavaScript
JavaScript Object Notation (JSON) JavaScript Object Notation (JSON) is a lightweight data-interchange format that is easy for humans to read and write and easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999. JSON is a text format that is … Read more
JavaScript Closure
JavaScript Closure Explained A closure in JavaScript is a function that has access to variables in its parent scope, even after the parent function has returned. Closures are created when a function is defined inside another function, and the inner function retains access to the variables in the outer function’s scope. Here is an example … Read more