If, submit and click

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">

        var setName = document.getElementById('submitname');
        var reset = document.getElementById('submitreset');
        var nickN = document.getElementById('nickN');

        document.addEventListener('DOMContentLoaded', () => {
          if (localStorage.getItem('localN')!== null){
        document.querySelector('#nickName').innerHTML = "Your nick is: <b>" + localStorage.getItem('localN') + '</b>'
          }
        });

        setName.addEventListener('click', function(){
        var newName = document.getElementById('nickN').value;
        localStorage.setItem('localN', newName);
        document.querySelector('#nickName').innerHTML = "Your nick is: <b>" + localStorage.getItem('localN') + '</b>'
        });

        reset.addEventListener('click', function(){
        delete localStorage['localN'];
        document.querySelector('#nickName').innerHTML = '<input id="nickN" autocomplete="off" autofocus placeholder="Write your nick" type="text"> <input id="submitname" type="submit" value="Set new name1">'
        });
    </script>
</head>
<body>
    <div id = "nickName">
      <form id="new-task">
      <input id="nickN" autocomplete="off" autofocus placeholder="Write your nick" type="text">
        <input id="submitname" type="submit" value="Set new name1"> </form>
</div>
    <div id = "newname">
        <br>
        <form id="setnewname">
            <input id="submitreset" type="submit" value="Reset nick name">
        </form>
    </div>
</body>