title: when I clicked the submit button it should take the value of the description and write it down in another page how could I do it with JavaScript code
body: <p>when I clicked the submit button it should take the value of the description and write it down on another page how could I do it with JavaScript code.</p>
  <p>my HTML code and javascript so far</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const idea = document.getElementById("Fidea")
  const submit = document.getElementById("FSubmit")
  const myText = document.getElementById("myText")
  
  submit.onclick(
    localStorage['text'] = idea,
    mytext.innerHTML = localStorage['text'],
  );</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="History.html" method="post" id="bodyForm" class="form"&gt;
    &lt;input type="text" placeholder="Name" required&gt;&lt;br&gt;
    &lt;input type="country" placeholder="Country" required&gt;&lt;br&gt;
    &lt;input type="email" placeholder="Email Address" required&gt;&lt;br&gt;
    &lt;input type="number" placeholder="Age" required&gt;&lt;br&gt;
    &lt;input type="text" placeholder="description" required&gt;&lt;br&gt;
    &lt;input type="submit" value="submit"&gt;&lt;br&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>My Other page</p>
  <pre class="lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;script src=&quot;History.js&quot;&gt;&lt;/script&gt;
    &lt;p id=&quot;myText&quot;&gt;&lt;/p&gt;
  &lt;/body&gt;
  </code></pre>