mit -> button onclick="" parameter weitergeben

Hallo! habe hier ein kleines Problem, bin mir auch nicht sicher ob das hier die richtige Abteilung ist.

Ich will beim Klicken eines Buttons bei dem sich ein Script ausführt einen Parameter in dieses übergeben.

<button id=10 onclick="myFunction()">Click</button>

<script>
function myFunction() {
    document.getElementById("details").open = true;
}
</script>

Es würde mir sehr weiterhelfen wenn mir einer sagen kann, wie ich z.B den wert der ID (10) automatisch in das Script übernehmen kann.

Natürlich wäre es mir auch recht wenn ich den wert ganz ohne die ID übergeben kann.

LG & Danke

Zitat von Stef

Hey,

Du bekommst den Wert des buttons mit folgendem Code:

document.getElementById("10").value();

Aber was ich machen würde ist ein http request mit xmlhttprequest. Ist relativ einfach.

Und am besten fügst du den eventlistener im js mit : addEventListener("Event", functionname); hinzu. Anstatt den inline zu erstellen.

Alles anzeigen

Zitat von JR Cologne

Da man deinen Anwendungsfall nicht kennt, lässt sich schwer sagen, was in dem Fall das Richtige wäre.

Trotzdem mal ein Beispiel, wie man das lösen könnte:

HTML

<button id="button" data-value="10">Click</button>

<script>
    var button = document.getElementById('button');
    var buttonValue = button.dataset.value;

    button.addEventListener('click', myFunction);

    function myFunction() {
        document.getElementById("details").open = true;
    }
</script>

Alles anzeigen

Habe auch gleich mal das onclick mit dem EventListener ausgetauscht, da das der schönere Weg ist.

Code ist nicht getestet. Müsste aber eigentlich funktionieren.

Noch so am Rande erwähnt: IDs mit Zahlen am Anfang sind unzulässig, sprich kein valides HTML.

Alles anzeigen

Zitat von Sempervivum

Wenn Du "this" an die Funktion übergibst, hast Du Zugriff auf das Element:

Code

<button id="10" value="20" onclick="myFunction(this)">Click</button>
    <script>
        function myFunction(ele) {
            console.log(ele.id);
            console.log(ele.value);
            //document.getElementById("details").open = true;
        }

    </script>

Danke für die Zahlreichen antworten.

Ich wollte, dass sich die Details einer Tabelle alle gleichzeitig öffnen, wenn ich die im ersten Spalt öffne.

Ich wollte nun in der Ausgabeschleife einen Zähler integrieren, der dann immer ansagt wo sich die zu öffnende Zeile befindet.

Ich konnte es aber auch so Regeln.

Trotzdem sehr hilfreich