onclick functies samenvoegen met data-action

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Hans De Ridder

Hans De Ridder

08/08/2024 16:46:35
Quote Anchor link
Ik 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.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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]();
    }
});


Onderstaande werkt zo af en toe.....

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<button type="button" id = "clickButton" class="btnprimaryA" data-action="solve">Oploss</button>


document.getElementById('clickButton').click();


Andere oplossingen zijn ook welkom.....
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.