onclick functies samenvoegen met data-action
Hans De Ridder
08/08/2024 16:46:35Ik gebruik nu aparte button om een oplossing te tonen van puzzel.
Het moet echter samengevoegd worden met een onclick functie.
Als ik dat echter toevoeg, dan werkt de data-action soms wel, soms niet.
De gewone onclick moet eerst worden uitgevoerd, daarna pas de data-action.
Onderstaande werkt zo af en toe.....
Iemand die een oplossing weet om in de juiste volgorde de functies uit te voeren?
Toevoeging op 08/08/2024 17:54:40:
Inmiddels waarschijnlijk wel een mogelijke oplossing gevonden.
Op geschikte plek de oplossingsbutton met functie automatisch laten indrukken.
Andere oplossingen zijn ook welkom.....
Het moet echter samengevoegd worden met een onclick functie.
Als ik dat echter toevoeg, dan werkt de data-action soms wel, soms niet.
De gewone onclick moet eerst worden uitgevoerd, daarna pas de data-action.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="moeilijk">
<button type="button" class="btnprimaryA" data-action="solve">Oploss</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('1')"><b>*</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('2')"><b>**</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('3')"><b>***</button><br>MOEILIJKHEID
</div>
document.getElementById("moeilijk").addEventListener("click", function(e) {
var t = e.target;
if (t.nodeName.toLowerCase() === "button") {
game[t.dataset.action]();
}
});
<button type="button" class="btnprimaryA" data-action="solve">Oploss</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('1')"><b>*</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('2')"><b>**</button>
<button type="button" class="btnprimaryA" onclick = "moeilijk('3')"><b>***</button><br>MOEILIJKHEID
</div>
document.getElementById("moeilijk").addEventListener("click", function(e) {
var t = e.target;
if (t.nodeName.toLowerCase() === "button") {
game[t.dataset.action]();
}
});
Onderstaande werkt zo af en toe.....
Code (php)
1
<button type="button" class="btnprimaryA" onclick = "moeilijk('1')", data-action="solve"><b>*</button>
Iemand die een oplossing weet om in de juiste volgorde de functies uit te voeren?
Toevoeging op 08/08/2024 17:54:40:
Inmiddels waarschijnlijk wel een mogelijke oplossing gevonden.
Op geschikte plek de oplossingsbutton met functie automatisch laten indrukken.
Code (php)
1
2
3
4
2
3
4
<button type="button" id = "clickButton" class="btnprimaryA" data-action="solve">Oploss</button>
document.getElementById('clickButton').click();
document.getElementById('clickButton').click();
Andere oplossingen zijn ook welkom.....
Er zijn nog geen reacties op dit bericht.