I've got some code which loops through an array of products, it records new categories found and also how many times a category is found: const categoriesFound = (catArray) => { let categories = {} for (let i = 0;…
I am trying to work on a project where we allow the user to create HTML elements and attach the appropriate event listener code to it (https://codesandbox.io/s/interactive-objects-tjvvhv?file=/src/App.js) In the following code, I want to read the formData which takes in…
I want to be able to extract the value from the input field and add it to a created div and each time a new div is created it will take a new value while leaving the old values in…
I want to create an unordered list using vanilla JS to create a list from an array of objects. Not sure how to do that. This is my current code: let myObj = [ {name: "Harry Potter", author: "JK Rowling"},…
I'm trying to create a dynamic membership form, where I can send the ID of input fields as a shortcode into an email. The form generally begins with 2 fields (1 for name, 1 for email). I can then dynamically…
I'm trying to implement addEventListener so that every time I click a button a new LI will be added to my HTML with text. For some reason the LI is added for a fraction of a second and then disappears.…
I'm trying to add a element from Javascript with classname person. It works perfectly fine by below code. const element = document.createElement('div'); element.classList.add('person'); But why the below not working? const element = document.createElement('div').classList.add('person');
HTML: <form id="form"> <div class="form-group" id="df2"> <input type="text" class="form-control" name="atribut[]" onkeydown="changeIt(event)"> </div> <div class="form-group" id="inputs"> </div> </form> changeIt function: <script> let div = document.getElementById("df2"); let inputs = document.getElementById("inputs"); function changeIt(event) { var key = event.which || event.keyCode; if (key ==…
I'm trying to create a set of buttons generated by React that pull IDs, labels, and links from an array. IDs and labels, through className and .label, both work. I don't want to use href: for the links - rather,…
I am a pretty novice javascript user. I need some help debugging this code. What I intend this to do is based on the amount of values in the list, is create a 3 column wide table to display each.…