Html Button mit JavaScript ausführen

Diskutiere Html Button mit JavaScript ausführen im Für Verirrte - Fragen zu JavaScript Forum; Hallo Leute, ich hätte da nochmal ein Anliegen, Ich habe mit Bootstrap vier Buttons erstellt und möchte diese nun nicht viermal da hinschreiben...

  1. janS
    janS Neues Mitglied
    Hallo Leute,
    ich hätte da nochmal ein Anliegen, Ich habe mit Bootstrap vier Buttons erstellt und möchte diese nun nicht viermal da hinschreiben sondern mit JavaScript 4 mal ausführen lassen.
    Ist das do ertsmal möglich oder ist die idee kompletter Schwachsinn?
    Hier erstmal wie ich das vorher gelöst habe:
    HTML:
    <button type="button" id="Test" class="btn col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-1"><p id="xsmall1"></p></button>
            <button type="button" id="Test" class="btn col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-2"><p id="xsmall2"></p></button>
            <button type="button" id="Test" class="btn col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-1"><p id="xsmall3"></p></button>
            <button type="button" id="Test" class="btn col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-2"><p id="xsmall4"></p></button>
    Und jetzt wie meine Idee ist mit nur einem button:
    HTML:
    HTML:
    <button type="button" id="btnxs" class="btn col-xs-8 col-xs-offset-2 "></button>
    JavaScript:
    Code (Java):
    for(var i = 0; i < 4; i++){
            document.getElementById('btnxs').innerHTML = "TestTestTest";
        }
    Ist das so möglich oder vertue ich mich da komplett.
    Danke für die Hilfe schonmal im vorraus.
    MfG Jan
     
  2. Vielleicht hilft dir dieses Training hier weiter.
  3. mrBrown
    mrBrown Super-Moderator Mitarbeiter
    Das ist Javascript, nicht Java ;) Ich habs mal ins passende Forum verschoben...
     
  4. mrBrown
    mrBrown Super-Moderator Mitarbeiter
    Kannst du noch mal erklären, was du damit überhaupt meinst?
     
  5. janS
    janS Neues Mitglied
    Tut mir leid mit dem falschen Forum hab ich zuspät gemerkt.

    Ich habe vier Buttons erstellt so wie im ersten Code. Jetzt möchte ich das ich das selbe Ergebnis nur mit anderem Code erziele und am besten mit einer Schleife in JS, so das diese Schleife jedes mal den einen erstellten Button neu aufruft und anzeigt.
     
  6. mihe7
    mihe7 Bekanntes Mitglied
    Code (HTML5):

    <!DOCTYPE html>
    ...
    <body>
    <div id="buttons"></div>
    </body>
     
    Code (Javascript):

    function createButton(text) {
        var btn = document.createElement("button");
        btn.className = "btn col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-1";
        btn.innerText = text;
        return btn;
    }

    function addButtons() {
        var container = document.getElementById("buttons");
        for (var i = 0; i < 4; i++) {
            container.appendChild(createButton("Test" + (i+1)));
        }
    }
     
    So ähnlich sollte das funktionieren.
     
  7. janS
    janS Neues Mitglied
    Danke für die schnelle Anwort. Ich habe selber auch noch weiter gegoogelt und auch append gefunden und mich damit probiert. Funktioniert jetzt einwandfrei.
     
  8. Wenn du Java lernen möchtest, empfehlen wir dir diese Online-Training hier
Die Seite wird geladen...

Html Button mit JavaScript ausführen - Ähnliche Themen

Input Buttons Html mit JSP
Input Buttons Html mit JSP im Forum Java Basics - Anfänger-Themen
mit Java HTML Button drücken "lassen"
mit Java HTML Button drücken "lassen" im Forum Java Basics - Anfänger-Themen
JToogleButton Vordergrundfarbe bei HTML String
JToogleButton Vordergrundfarbe bei HTML String im Forum AWT, Swing, JavaFX & SWT
JButton soll html Datei aus einem Ordner öffnen
JButton soll html Datei aus einem Ordner öffnen im Forum AWT, Swing, JavaFX & SWT
HtmlCommandButton --- Action wird nicht aufgerufen
HtmlCommandButton --- Action wird nicht aufgerufen im Forum Web Tier
Thema: Html Button mit JavaScript ausführen

Besucher kamen mit folgenden Begriffen auf unsere Seite:

  1. javascript ausführen html