• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

199
Views
Transferencia de Javascript onClick de HTML a JS

Tengo un evento HTML onClick en línea, pero necesito transferir este solo a Javascript. ¿Cómo puedo hacer esto?

Actualmente tengo

 function renderLinksList() { let linksList = ""; // creat an empty variable to manipulate the DOM outside for (let i = 0; i < myLinks.length; i++) { linksList += ` <li> <a href="${myLinks[i]}" target="_blank"> ${myLinks[i]} </a> <button id="remove-btn" onClick="removeIndividualItem(${i})"> <svg class="close-icon" width="8px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/> </svg></button> </li > `; } listEl.innerHTML = linksList; } // remove specific item from localStorage function removeIndividualItem(i) { myLinks.splice(i, 1); localStorage.setItem("myLinks", JSON.stringify(myLinks)); renderLinksList(); }
 <button id="remove-btn" onClick="removeIndividualItem(${i})">

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Comience agarrando el elemento y luego agréguele un detector de eventos :)

 const removeBtn = document.getElementById('remove-btn'); removeBtn.addEventListener('click', removeIndividualItem);

Luego modifique removeIndividualItem() para que apunte a un elemento específico por e.target también. No puede tener varios elementos con la misma identificación, por lo que podría ser mejor apuntar a todos los botones con una clase específica.

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error