Wie stelle ich ein, das wenn ich auf einen Button klicke, das dieser deaktiviert wird?

[Henry343]

Hallo Coder,
ich habe bisher geschafft, einen Button zu haben und wenn man draufklickt, das dann ein "Random Text" angezeigt wird: siehe hier: https://pastebin.com/RzJb2UDb

Nun möchte ich aber, das wenn man auf den Button klickt, das unten drunter ein Text erscheint und das sich der Button deaktiviert!
Ich bin ein Anfänger.
Vielen Dank und einen schönen Tag!

 

[Sempervivum]

Für einen Button besser auch das button-Tag verwenden, dann kannst Du das Attribut disabled setzen um ihn zu deaktivieren:

<button id="myButton">
    click here to get random stuff
</button>

    document.getElementById("myButton").addEventListener("click", function(event) {
        event.target.disabled = true;
        // usw. mit dem Randomtext

 

[Henry343]

Für einen Button besser auch das button-Tag verwenden, dann kannst Du das Attribut disabled setzen um ihn zu deaktivieren:

<button id="myButton">
    click here to get random stuff
</button>

    document.getElementById("myButton").addEventListener("click", function(event) {
        event.target.disabled = true;
        // usw. mit dem Randomtext

Ok, danke, ich werde es mal austesten!

 

[mhomz]

Ich mache das immer so:

<button id="myButton" onClick="document.getElementById('myDiv').style.display='block'; this.disabled=true;">
  klick
</button>
<div id='myDiv' style='display:none;'>
  blah blubb...
</div>