I have an object with 4 properties that i want to make to a list using only JS. Could someone help me to see what is wrong with my code? And in the long run i want to have a function that when a user select one of the categories it randomly chooses a value.… Read More Why is my list not created in javascript?
I have an html source code composed of several tags. Unfortunately these do not have a parent container, so I would like to add it via Javascript because I cannot act directly on the html structure. Now, with this function I am adding tags div after other elements (input in my case). function insertAfter(referenceNode, newNode)… Read More How to include tags html inside div with Javascript
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. BTW the whole html formatting is set up with grid. The error is: Uncaught TypeError:… Read More Javascript .createElement & .appendChild Issue (Includes for and if)
Currently have all data displaying perfectly except the boolean ones. I have some data that if true or false they should display different html/css So, how can I have a class or html that shows the data if returns true? I’m a bit stuck on parsing this data on this code. As I was on… Read More Check if true or false on json parse into html
I am trying to learn HTML/JS/CSS programming and tried to follow a tutorial making the game "snake". I am at a stage where I want to draw the head of the snake and have written the code but it doesn’t seem to appear. I have sat for the last 30min trying to find why my… Read More Snake head/body doesnt appear
For me For Loops and ForEach Loops are two of the best ways to handle and display large data. The issue is I want to add an eventListener to a loop and you immediately run into issues. Here is my code, it loops through an API Provided Array and creates HTML Divs perfectly. Near the… Read More Is it possible to add an eventListener in a for loop, if so, how would you implement it?
I have two components ‘footer’ and ‘header’ in the components directory. It imports properly but I am not able to display it. App.js import header from "./components/header"; import footer from "./components/footer"; function App() { return ( <> <header /> <main> <h1>Welcome to Proshop</h1> </main> <footer /> </> ) } export default App; header.js import React… Read More React Js Components imported but not displaying
How can i dynamic render react child component? Now that looks like this and its works. <CustomFieldArea> {(ExampleCustomFields || []).map((e: { field: string; CustomComponent: ‘Text’ | ‘TextArea’ }) => { if (e?.CustomComponent === ‘Text’) { return ( <CustomFieldArea.Text name={e?.field} /> ) } if (e?.CustomComponent === ‘TextArea’) { return ( <CustomFieldArea.TextArea name={e?.field} /> ) } })}… Read More Dynamic render react child component
These functions will create divs, and A, B, and C will have different left positions (as in the arrays) and different classes with different dimensions. Another function will call them in a set interval and will decrease all the "–bottom" with time at the same speed (they will move down ). I have a feeling… Read More Can I reduce this 3 functions to only one and create 3 distincts things?
I have this simple code with 5 paramaters taken from an API that logs data: for (i = 0; i < arr.length-1; i++) { console.log(‘For Calls’) console.log(arr[i].league.name) console.log(arr[i].teams.home.name, arr[i].goals.home) console.log(arr[i].teams.away.name, arr[i].goals.away) } it logs this data to the console (2 sets of data shown): Logged Data The issue I am having is trying to display… Read More javascript data not appending to html webpage?