appenChild Probleme

[rzscout]

Hi RicEfron,

gerne gebe ich dir ein Codebeispiel. Meine persönliche Empfehlung ist; kauf dir ein Buch über den Einstieg in JavaScript oder leihe in der Bücherei eines aus.

Hier mein Beispiel:

Code:

'use strict';
//Variablen werden vordeklariert
var enterButton, input, myUL;
//Lade Funktion init erst wenn der DOM vollständig geladen wurde
document.addEventListener('DOMContentLoaded', init);

function init() {
    // Variablenzuweisung; Selektierung von Elementen aus dem DOM
    enterButton = document.getElementById('enter'); // Unser EnterButton
    input = document.querySelector('input'); // Unser Inputfeld
    myUL = document.querySelector('ul'); // Unser ul-Element
    // Ein EvenListener für den enterButton
    enterButton.addEventListener('click', function() {
        // Speicher Inhalt von input in einer lokalen Varaible
        let eingabe = input.value;
        // Erstellt ein Element
        let elem = document.createElement('li');
        // Weist dem Element einen Textinhalt zu aus der Variable 'eingabe'
        elem.textContent = eingabe;
        // Fügt dem selektierten ul ein Kindelement hinzu und zwar 'elem'
        myUL.appendChild(elem);
    });
}

Wenn du weitere Fragen hast, kannst du diese gerne ins Forum posten.

Viel Erfolg und Grüße

rzscout