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

HTTP request in Javascript Get JSON data with xhr method and fetch methods

HTTP request in Javascript? There are several ways to make an HTTP request in JavaScript, including using the XMLHttpRequest object or the fetch() function. Here is an example of making an HTTP GET request using XMLHttpRequest: var xhr = new XMLHttpRequest(); xhr.open(“GET”, “https://example.com”); xhr.send(); Here’s an example of making an HTTP GET request to a … Read more

JavaScript Closure

JavaScript Closure A closure in JavaScript is a function that has access to the variables in its parent scope, even after the parent function has completed execution. This allows for data to be “closed over” or remembered by the inner function, even after the outer function has returned. For example: function makeCounter() {   let count … Read more