простая функция срабатывает при использовании onclick, не срабатывает при использовании addEventListener в JS - PullRequest
Новая
       20

простая функция срабатывает при использовании onclick, не срабатывает при использовании addEventListener в JS

0 голосов
/ 05 мая 2019

функция не работает при вызове addEventListener в JS, я использовал тот же метод для другой функции в том же проекте, и все они работают нормально.

Я сделал ее функцией более высокого порядка и все еще не запускается, я оборачиваю ее выражение в другую функцию, все еще не работает. 


    function contenutoSkills(nomelinguaggio, item1, item2, item3) {
  document.getElementById("linguaggio").innerHTML=nomelinguaggio;
  document.getElementById("programma1").innerHTML=item1;
  document.getElementById("programma2").innerHTML=item2;
  document.getElementById("programma3").innerHTML=item3;
}
const button = document.getElementById('button');

button.addEventListener('click', () => contenutoSkills('HTML', 'PG1', 'PG2', 'PG3'));


<button id='button'>click me<button>

<p id="linguaggio"></p>
  <ul>
     <li><p id="programma1">Programma1</p></li>
     <li><p id="programma2">Programma2</p></li>
     <li><p id="programma3">Programma3</p></li>
  </ul>

текст один и текст два должны появиться в p при нажатии кнопки, но ничего не происходит. Если я добавлю onclick = "writeText (" text one "," text two ") в HTML, он будет работать нормально, но я не хочу так поступать. Спасибо за ответы.

1 Ответ

2 голосов
/ 05 мая 2019

Вы можете использовать onclick свойство кнопки вместо addEventListener.

HTML: 

<button id='button' onclick="contenutoSkills('html','pg1','pg2','pg3')">click me<button>

<p id="linguaggio"></p>
  <ul>
     <li><p id="programma1">Programma1</p></li>
     <li><p id="programma2">Programma2</p></li>
     <li><p id="programma3">Programma3</p></li>
  </ul

А внутри тега <script> это будет код JavaScript: 

    function contenutoSkills(nomelinguaggio, item1, item2, item3) {
  document.getElementById("linguaggio").innerHTML=nomelinguaggio;
  document.getElementById("programma1").innerHTML=item1;
  document.getElementById("programma2").innerHTML=item2;
  document.getElementById("programma3").innerHTML=item3;
}
...