JSFiddle - React, Tailwind, and code Playground

by Miklos Nagy

HTML

<script src="bootstrap"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>

JavaScript

/*
Brüder: Masculine oder Feminine?
Datum: Wenn war ich latzte Zeit mit dem Brüder?
Feminine: Ist es mindestens 1-2 monaten dass ich mit Sie hatte war?
Predigtdienst: Wenn magst du im Predigtdienst gehen? (prompt, Highlight)

*/


function addBro() {
if(localStorage.name == undefined){
localStorage.name = "";
}

var newBro = prompt("Az új testvér neve");

var newDate = new Date();

var actualDate = "<span class=littleDate>" + newDate.toString() + "</span>";

if(newBro != null){

localStorage.name += "<li class=list-group-item>" + newBro + "</li>" + actualDate;
console.log(localStorage.name);
location.reload();
}

}


if(localStorage.name != "null" && localStorage.name != "undefined" ){
  console.log(localStorage.name);


window.addEventListener("load", function(){
var nameList = document.querySelectorAll(".nameList")[0];
nameList.innerHTML += localStorage.name;
 });



 }

function delBro() {
localStorage.clear();
location.reload();
  }



// ======