Eu tenho um sistema que adiciona ao ul o valor do input. Quero saber COMO SALVAR ESSE VALOR APÓS EU ATUALIZAR A PÁGINA. SE POSSIVEL COM LOCAL STORE [closed]

Meu HTML

<input type="text" name="name" id="name">
    <button id="btn" onclick="inserir()">cadastrar user</button>

    <ul id="ul">
        <li>João</li>
    </ul>

    <script src="script.js"></script>

MEU JS :

function inserir(){
   var inp= document.getElementById("name").value // pegando o valor do input

   var lista= document.getElementById("ul").innerHTML // pegando a ul com innerHtml

   lista = lista +"<li>"+inp+"</li>" // add a lista com o li + o valor do input

   document.getElementById("ul").innerHTML = lista;
 
}

Eu tentei usar o local porque meu prof falou que tinha como mas eu não consigo fazer ele persistir os dados do input