填写用户名和姓氏并转到下一页

Question

我不知道如何连接将姓名和姓氏保存在本地存储中并转到其他页面的功能。如果您能指出问题，我将非常感激:)index.html<form id="from" action="" method="post">    <div>        <pre> <label for="name">Име</label></pre>        <input id="name" name="name" type="text"  required>        <br>        <pre><label for="surname"> Презиме </label></pre>        <input id="surname" surname="surname" type="text"  required>        <br><br>    </div>    <a href="quiz.html"><button onclick="sumbit()"> Започни тест </button> </a> </form>script.jslet infs = [];    const addInf= (ev)=>{        ev.preventDefault();  //to stop the form submitting        let inf = {            id: Date.now(),            name: document.getElementById('name').value,            surname: document.getElementById('surname').value        }        infs.push(inf);        document.forms[0].reset(); // to clear the form for the next entries        //saving to LS        localStorage.setItem('MyInfList', JSON.stringify(infs) );    }    document.addEventListener('DOMContentLoaded', ()=>{        document.getElementById('btn').addEventListener('click', addInf);    });

Answer 1

试试这个，使用 window.location 重定向到另一个页面，它具有与 href 相同的功能。

<form id="from" action="" method="post">

  <div>

    <pre> <label for="name">Име</label></pre>

    <input id="name" name="name" type="text" required>

    <br>

    <pre><label for="surname"> Презиме </label></pre>

    <input id="surname" surname="surname" type="text" required>

    <br><br>

  </div>

  <a><button id="btn"> Започни тест </button> </a>

</form>

<script>

  let infs = [];

  const addInf = (ev) => {

    ev.preventDefault(); //to stop the form submitting

    let inf = {

      id: Date.now(),

      name: document.getElementById('name').value,

      surname: document.getElementById('surname').value

    }

    infs.push(inf);

    //saving to LS

    localStorage.setItem('MyInfList', JSON.stringify(infs));

    document.forms[0].reset(); // to clear the form for the next entries

    window.location = "quiz.html"

  }

  document.addEventListener('DOMContentLoaded', () => {

    document.getElementById('btn').addEventListener('click', addInf);

  });

</script>