Wie hole ich das Java Script-Programm in dem Button?

2 Antworten

Mirko Marek
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Mediengestalter Digital und Print
27.05.2025, 18:55

Hi Mrshadow12,

ich würde dir empfehlen am Ende jeses Befehles ein Semmikolon zu schreiben. Du kannst dein JavaScript in die HTML-Datei einbinden und dann den Button in JavaScript ansprechen.

document.querySelector('button').addEventListener('click', ()=>{
tuewas();});
function tuewas() {
// Deine Befehle
}

###
Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)
iQa1x
27.05.2025, 09:42

Das JS schreibst du in eine function

function tuwas() {
// dein Code
}

dem Button gibst du eine id

<button id="b1">

und im JS weisst du die function dem Button zu (außerhalb der Function, also dahinter):

document.getElementById('b1').onclick = tuwas;

... und im <head> vom HTML lädst du auch das JS:

<script src="Uebungjavascript.js" type="text/javascript"></script>
Mrshadow12 
Beitragsersteller
 27.05.2025, 17:18

Danke für deine Antwort. Aber wie macht man das, wenn man noch einen Input Feld hat?

iQa1x  28.05.2025, 08:27
@Mrshadow12

Gib dem ne id, und hole dir den Inhalt per txt = document.getElementbyId('inputid').value
Ireeb  27.05.2025, 12:06

Aber am besten beim <script>-tag noch das defer-attribut setzen, sonst kann das Skript laufen, bevor das HTML geparst ist und der Button existiert.