在单击另一个按钮之前，检查用户单击了哪个按钮

Question

例如，我试图弄清楚该如何写。当用户使用id "niekket"单击按钮时，现在需要用户专门单击该按钮。用户单击"niekket"并想通过单击带有id "resetbtn"的按钮来重置值之后。 id("uitvoer").innerHTML = // output (a string) depends on which button has been clicked (on niekket or pap) by the user before clicking on the resetbtn它应输出此alert("You clicked on button niekket") else alert("You clicked on the button pap before clicking on the resetbutton")

任何帮助将不胜感激！

function personen(voornaam, achternaam, geboortejaar) {
    this.voornaam = voornaam;
    this.achternaam = achternaam;
    this.geboortejaar = geboortejaar;

    this.gegevens = function () {
        return this.voornaam + " " + this.achternaam + " " + this.geboortejaar;
    };

    this.wijzigVoornaam = function (vNaam) {
        this.voornaam = vNaam;
    };

    this.wijzigAchternaam = function (aNaam) {
        this.achternaam = aNaam;
    };
    this.wijzigGeboortejaar = function (jaar) {
        this.geboortejaar = jaar;
    };
}

var niekket = new personen("Niek", "Henk", 1800);
var pap = new personen("Joop", "Freek", 1950);

function id(id) {
    var allId = document.getElementById(id);
    return allId;
}

function allEvents() {
 var idClicked;
    id("niekket").onclick = function () {
        toonGegevens(niekket);
        idClicked = "Niekket";
    };
    id("pap").onclick = function () {
        toonGegevens(pap);
        idClicked = "pap";
    };
    id("resetbtn").onclick = function () {
    id("uitvoer").innerHTML = idClicked;
    };
}
allEvents();

function toonGegevens(p) {
    id("uitvoer").innerHTML = p.gegevens();
}

<p id="uitvoer">Klik op de knop en zie deze invoer wijzigen</p>
 <button class="btn" id="niekket">Niekket</button>
 <button class="btn" id="pap">Pap</button>
 <button id="resetbtn">resetbutton</button>

Answer 1

您可以将最后点击的ID存储在某些变量中，例如：

var lastClickedId;

function allEvents() {
    id("niekket").onclick = function () {
        toonGegevens(niekket);
        lastClickedId = "niekket";
    };
}

然后在需要时使用此lastClickedId变量。