Джава скрипт оператор +=

#1 11 июля 2020 в 22:06

Привет, не могу понять чем отличается оператор = от +=. У меня есть код Он рабочий.

 
let rs = document.querySelector (".out-8"); //див основной
document.querySelector('.b-8').onclick = f8;//3 кнопка при нажатии переджаем в out-8 инпут i-81 и кнопку b-81
 
function f8  () {
    rs.innerHTML = '<button class="b-81">Push Me Now</button>'; //2 помещаем  кнопку в основной див
    rs.innerHTML += "<input type='text' class='i-81'/>" ;//1 помещаем инпут в основной див
    rs.innerHTML += "<div class ='out-81'></div>" ;//5 помещаем див в основной див, при клике на вторую кнопку
    document.querySelector (".b-81").onclick = f81;//4 вынули вторую кнопку и вешаем функцию
 
        function f81 () {
            document.querySelector(".out-81").innerHTML = document.querySelector(".i-81").value; // получили див, присвоили значение из инпут
        }
    }

Если же я сделаю так как ниже, то он не работает.

 
let rs = document.querySelector (".out-8"); //див основной
document.querySelector('.b-8').onclick = f8;//3 кнопка при нажатии переджаем в out-8 инпут i-81 и кнопку b-81
 
function f8  () {
    rs.innerHTML = '<button class="b-81">Push Me Now</button>'; //2 помещаем  кнопку в основной див
    rs.innerHTML = "<input type='text' class='i-81'/>" ;//1 помещаем инпут в основной див
    rs.innerHTML = "<div class ='out-81'></div>" ;//5 помещаем див в основной див, при клике на вторую кнопку
    document.querySelector (".b-81").onclick = f81;//4 вынули вторую кнопку и вешаем функцию
 
        function f81 () {
            document.querySelector(".out-81").innerHTML = document.querySelector(".i-81").value; // получили див, присвоили значение из инпут
        }
    }

Не могу информацию найти по этому поводу, По идее я же присваиваю значение с помощью =, зачем плюс то? Понятно если бы я хотел получить значения из инпута конкретно в виде цифр то поставил бы + но ито не где = а где переменная к примеру или value.