JSFiddle - React, Tailwind, and code Playground

by huston007

HTML

<body> 
    <input type="text" id="input"/> 
    <input id="but" type="button" onclick="" value="OK" />
     
    <p id="result"></p>
  </body>

JavaScript

//Делаем массив:
var mas = [];
var input = document.getElementById("input");
var button = document.getElementById("but");
var result = document.getElementById("result");

var addItem = function(text){
    result.innerHTML += text+"<br>";
}

var saveToStorage = function(arr){
    localStorage.items = JSON.stringify(arr);   
}

var loadFromStorage = function(){
    if (localStorage.items)
        return JSON.parse(localStorage.items);
    else 
        return [];
}
mas = loadFromStorage();
for (var i=0; i<mas.length;i++) { 
    addItem(mas[i]); 
} 

button.addEventListener("click",function(e){
    mas.push(input.value);
    addItem(input.value);
    saveToStorage(mas);
},false);