JS tworzenie elementu

Question

Cześć.

Jak i czy można jakoś estetyczniej wykonać metodę podstawiania w js. Chodzi o to ,że po wykonaniu jakiejś akcji js podstawia kod HTML w wyznaczone miejsce: mój kod :

function validation() {

    let pole1 = document.getElementById('pole1').checked;
    let pole2 = document.getElementById('pole2').checked;

    if(pole1 == true){
        var change = '<div class="errorPiktogram">\n' +
            '    <label class="errorText">* Możesz zaznaczyć tylko 4 piktogramy</label>\n' +
            '</div>';
        document.getElementById('change').innerHTML = change;
    }
}

I czy można np. zamiast w kodzie js trzymać html to czy można jakość podpiąć pod js plik z osobnym html ? coś jak binding w angular ?

Answer 1

Po pierwsze to dlaczego tak mieszasz let i var? nie rozumiem sensu używania tu var. Po drugie to nie dodawaj html w js - lepiej dodać ten element już w html i po prostu nadać mu css ustawiające display: none, np. jako klasę css. Następnie w JS na jakąś tam akcję ustaw w tym elemencie klasę, włączającą display.

Answer 2

dom tworzenie i usuwanie