CODEWITHSUNDEEP
javascripthtmltypescript
Butzti
Butzti

Reputation: 3

My TypeScript Button isn't responding to user input

function test(event)
{
    document.getElementById('ausgabe').innerHTML =
    'test';
}

document.addEventListener("DOMContentLoaded", (event) => {
    document.getElementById("input1").addEventListener("submit", (event) => {
        test(event);
    })
})

Clicking the Button does basically nothing. The website doesn't change when I'm clicking it.

Upvotes: 0

Views: 77

Answers (1)

Dai
Dai

Reputation: 155433

'submit' is an event of <form>, not of <button>.

Change your code to this:

function test(event)
{
    document.getElementById('ausgabe').textContent = 'test';
}

document.addEventListener("DOMContentLoaded", (event) => {
    const button = document.getElementById("input1");
    const form   = button.form;
    form.addEventListener("submit", (event) => {
        test(event);
    })
})

Upvotes: 1

Related Questions