Javascript-форум - Эмуляция нажатия кнопки при определенном действии

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Эмуляция нажатия кнопки при определенном действии (https://javascript.ru/forum/events/66145-ehmulyaciya-nazhatiya-knopki-pri-opredelennom-dejjstvii.html)

Эмуляция нажатия кнопки при определенном действии

Здравствуйте, возникла проблема. Нужно, что бы при нажатии на <p >Telephone</p>и <p name="kindGoods">Laptop</p> эмулировалось нажатие кнопки submit (и соответственно срабатывал alert).
Заранее спасибо)

Вот мой код, который не работает

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script>
var kindGoods = document.getElementsByName("kindGoods");
for (var i = 0; i < kindGoods.length; i++) {
kindGoods[i].addEventListener("click", emulClick);
}

function emulClick()
{
document.getElementById('filter').click();
}
</script>
</head>
<body>
<p name="kindGoods" >Telephone</p>
<p name="kindGoods">Laptop</p>

<input type="submit" value="Apply" id="filter" onclick="alert('rrr')"/>

</body>

Волшебное превращение неработающего кода в работающий

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script>
window.onload = function() {
   var kindGoods = document.getElementsByName("kindGoods");
   for (var i = 0; i < kindGoods.length; i++) {
      kindGoods[i].addEventListener("click", emulClick);
   }

   function emulClick()
   { 
      document.getElementById('filter').click();
   }
}
</script>
</head>
<body>
  <p name="kindGoods" >Telephone</p> 
  <p name="kindGoods">Laptop</p> 
  <input type="submit" value="Apply" id="filter" onclick="alert('rrr')"/>
</body>

Спасибо большое!)