cheddar's guestbook

by cheds

HTML

<div id="maindiv">
  <center>
    <h1 id="title">guestbook</h1>
    <br>
    <br>
    
        <TEXTAREA Name="content" id ="userInput"></TEXTAREA><br>

        <button  onclick="display()">post</button><br>
        
        <p id="printhere"></p>

    </center>
<div>

CSS

@font-face {
font-family: round;
src: url(https://files.catbox.moe/lzamzp.ttf);
}

#maindiv {
  font-family: round;
}

TEXTAREA {
  border: 2px solid;
  border-radius: 10px;
  margin-bottom: 5px;
{

JavaScript

var num = 0;
    function display(){
        var post = document.getElementById("userInput").value;
        localStorage.setItem(num,post);
        var savedUserData = localStorage.getItem(num);
        document.getElementById("printhere").innerHTML += savedUserData+'<br>';
        num++;
    }

    window.addEventListener('load',()=>{
        if (localStorage.length !== null) {
            for(var i = 0; i < localStorage.length; i++){
                var savedUserData = localStorage.getItem(i);
                document.getElementById("printhere").innerHTML += savedUserData+'<br>';
            }
        }

    });