Profil von Noelvernichter2

Frage

von Jqjsjskqkqkw

17.06.2022, 17:01

Zwei funktionen auf ein button packen?

Wie kann ich zwei funktionen auf einen Button packen? Also ich will das bei jedem click auf meinen button

1. immer plus 1 addiert wird: onclick="pluszahl()"

2. das ein Sound abgespielt wird: onclick="play()"

Leider konnte ich nur den counter machen und frage mich jetzt wie ich den sound auch aktivieren kann

HTML:

    <span class="center">Bam?</span>
    <div onclick="custom()" class="btn-container">
        <button onclick="pluszahl()"; twoclick="play()"    class="button1">
            Bam
        </button>
    </div>

    <div id="resultArea">0</div>

JavaScript:

function play() {
  var audio = new Audio('bam.mp3');
  audio.play();
}

function pluszahl() {
  document.getElementById("resultArea").innerHTML = parseInt(document.getElementById("resultArea").innerHTML)+1;
  }

...zur Frage

Antwort

von Noelvernichter2

06.08.2022, 18:33

const button1 = document.querySelector('.button1');

const resArea = document.querySelector('#resultArea');

// Beliebige Funktionen erstellen

function play() { // ... };

function plus() { // ... };

// Beliebige Funktionen gruppieren

function btnPlayPlus() {

play();

plus();

};

// Funktion(en) mit einem Click-Event zuweisen

button1.addEventListener('click', btnPlayPlus);

...zur Antwort