Intento crear un sistema de semáforo simple para un proyecto, sin embargo, una vez que uso onclick="maakGroen();maakRood();"> la segunda función no funciona...
este es mi codigo
<input type="button" name="Licht" value="Licht" onclick="maakGroen();maakRood();"> <script> var Licht = document.getElementById('Licht'); function maakRood() { Licht.src = "stop1.png"; } function maakGroen() { Licht.src = "stop2.png"; }Use setTimeout() para retrasar la segunda función para que pueda ver el cambio de la primera función.
<input type="button" name="Licht" value="Licht" onclick="maakGroen();setTimeout(maakRood, 1000);">Puede crear una tercera función con ambas funciones y usar un tiempo de espera como dijo @Barmar.
Intente usar detectores de eventos, en el ejemplo a continuación, puede reemplazar querySelector con getElementByID ; más información en el sitio del desarrollador o puede encontrar tutoriales en w3schools https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener .
document.querySelector(".elementname").addEventListener("click", doStuff) function doStuff() { maakGroen(); maakRood(); } Si no le gusta esto, simplemente puede crear una nueva función con todo el código de maakGroen();maakRood(); pegado en él.