enter image description here what is the problem here function or addeventlistener? ` const button = document.querySelector("button"); // Generate random color value and return it. EX 8a6cff const getRandomColor = () => Math.floor(Math.random() * 0xffffff).toString(16); const generateGradient = () => { // Get random two colors for gradient const color1 = getRandomColor(); const color2 =… Read More My aim in the study is to generate random colors and apply them to the body background, but it doesn't work, why is it wrong?

I’m trying to iterate a NodeList  object using javascript, and i want to a click event to eatch item : document.addEventListener("DOMContentLoaded", async () => { try { posts.map(post => { container.innerHTML += outPutHtml(post); // user-interaction elements are created with ajax request } catch (e) { console.error(e); } finally { highlight.highlightAll(); }); const elements = document.querySelectorAll(".user-interaction");… Read More Can't add event when iterate a NodeList using javascript

hi i want to when i click button, my timer start working. But its just show 1 time. setInterval(myFunc, 1000); function myFunc() { button = document.getElementById("btn"); let date = new Date(); button.addEventListener("click", () => { document.getElementById("h1text").innerHTML = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds(); }); } i want to work this timer all… Read More click button need start timer

I’m tried to something like : Catch all events in my addEventListeners and then call my function calculateBill. I have a problem my events are lost. It is possible to pass the parameters for each addeventlister separately. I try to do it since few hours and i have no idea what’s happening here. const billInput… Read More events with addEventListener

I am new to Javascript and trying to create a Javascript click function that will display the input element when the button is clicked and hide it when the button is clicked again. My console shows no error messages but when I click the button the input element does not hide. Again I am very… Read More Apply javascript click function to toggle an HTML element

This is must be some strange js thing I’m not aware of, but why will this code only log if the last input field changes? (Id 3) Since I am adding the eventListeners to all input fields, I’d expect outputs from all of them… function constructInputs(ctx, id) { console.log(id); ctx.innerHTML += `<input type=”text” id=”${id}_textInput”></br>`; let… Read More addeventlistener getting eaten by subsequent uses

I am trying to make To-do application with JS everything works fine but i can’t delete after pressing submit and i don’t understand why , if anyone can help me would be greatful Here is a Code in code your text I Have checked the code but couldn’t figure it out So please Help! >Solution… Read More making to do application with JS but EventListener is not working after i press submit (still new to JS)

I’m trying to make a star rating system at an initial stage, the 5 star icon from font awesome deosn’t seem to fire when an even litsener to add to it, i don’t know what i’m doing wrong html ` <section class="mx-lg-3 pt-lg-5 pb-5" data-aos="fade-up"> <div class="container mt-5"> <div id="confirm-box">{% include "message.html" %}</div> <div class="row… Read More mouseover event litsener is not fireing when i move over elements

I have four buttons, I would like that each time one of them is clicked it has a blue border. And if another one is clicked, the previous one will immediately get back its usual border style. I tried with loop but it doesn’t work >Solution : Here is an example of how you could… Read More Add border to button when clicked

I am trying to make a program which key is pressed after the user clicked on a section of the webpage (I do not want anything to happen if the user has selected another section sort of like how keyboard shortcuts on windows only work when you have a specific window selected). I am currently… Read More Cannot listen for keypress inside section