I need something like that: function myfunc(){ const checkbocClick = () => { console.log("chceckbox click") } createElement = () => { let isChecked = (Number(addressPoiData.notSendInfoToDriver) === Number(0))? ‘checked’: "" return `<input type="checkbox" class="form-check-input" id="sent-to-driver" onClick=’checkbocClick()’ ${isChecked}>` } return createElement() } This function is imported and used in one class, where the append is. But I… Read More javascript, why you can't add onClick in HTML string, before you add this HTML string to DOM?

I was trying to get the target element using onclick() function and just noticed that it is not possible using e.target though it was possible with deprecated event.target (still giving result). Ths can still be done using addEventlistener, but is there a way to do it using onclick() function? below is my code: function check(e){… Read More How to get target element with onclick() javascript

I got following html: <div class="tmb"> <p>First element</p> <a href="location-one.html">Click me</a> </div> <div class="tmb"> <p>Second element</p> <a href="location-two.html">Click me</a> </div> <div class="tmb"> <p>Third element</p> <a href="location-three.html">Click me</a> </div> What I want to do is to make the whole .tmb-div clickable with the url from it’s a-element child. What I tried so far is: (function($) {… Read More Get de href from each element inside a div and use it

I’m making a site for me to experiment and go out of my comfort zone and I’m trying to add a button that runs a different function based on whether or not it’s in dark or light theme using javaScript. I want it to work like this: if elementClass == "dark" run function 1 else… Read More How do I make a function that checks if an element has a certain class and if true, runs a separate function?

I want my images from a React component to open in a new Tab on click. One of the main problems is that I don’t know how to pass image src to the function (src is passed through prop "picture") ` src={require(picture)} I found this solution, but can’t really get it to work const openInNewTab… Read More Image onClick open in new Tab in React

I’m experiencing a weird response by my onClick event handling. I have a list of user boxes, which on click, I’m attempting to navigate the client to that specific user’s page ( as if – navigate("/farmershop/" + e.target.id) ) I am debugging by console.logg my e.target.id, I only get the id (which I attempt to… Read More weird behavior of onclick – sometimes retrieves e.target.id and sometimes doesn't

Below is my react functional component. Every 5 seconds I’m updating the time state and showing the time (via showTime()). I also have a button that, when clicked, will push the current time to the timeList state (which is an array). However so far I’m getting a bug in the handleClick function. What I want… Read More React Functional Component: onClick handler that updates state is not working

im a beginner to JavaScript & html, i made a simple button: <button id="button6" type="button" class="btns" onclick="LightTheme()">Light Mode</button> . this is supposed to change the page’s view to light mode, instead of dark. the script is: function LightTheme() { document.body.style.backgroundColor = "#DBE6FD"; document.getElementById(‘button_circle’).style.color = "white"; document.getElementById(‘button1’).style.color = "#47597E"; document.getElementById(‘button2’).style.color = "#47597E"; document.getElementById(‘button3’).style.color = "#47597E"; document.getElementById(‘text_p’).style.backgroundColor… Read More javascript function that reverts back on 2nd button click?

Here is My code <form name="formA"> <input type="text" name="iptA" id="iptA" value="" /> <input type="button" name="btnA" id="btnA" value="Click Here" onclick="count();"/> <input type="button" name="btnClr" id="btnClr" value="Clear" onclick="clear();"/> </form> <script type="text/javascript" charset="utf-8"> var a = 0; document.formA.iptA.value = a; function count(){ a++; document.formA.iptA.value = a; } function clear(){ a = 0; document.formA.iptA.value = a; } </script> In this,… Read More Why did my onclick attribute in input type button is not working?

I’am fetching data from a database table into my react app. With the elements from the table I render dynamically buttons and this buttons should have a onClick event. Because of the map function the onClick event is fired as often as elements are stored in the database table. So my question is if it… Read More Prevent onClick event on dynamically created elements