PassingValue--JavaScript/me.html at master · radwan503/PassingValue--JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="”description”"
      content=" show modal when user selects the option and Passing Textbox Value to
  another page via JavaScript | Javascript"
    />
    <meta name="keywords" content="HTML, CSS, JavaScript,Jquery,bootstrap" />
    <meta name="author" content="Radwan Anik | Radwan Ahmed" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
      integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  <body>
    <nav>
      <a href="index.html" class="btn btn-primary">Home page</a>
      <a href="me.html" class="btn btn-primary">another page</a>
    </nav>
    <p>Message Form Another Page</p>
    <p class="messageFromAnotherPage"></p>

    <script>
      const messageFromAnotherPage = document.querySelector(
        '.messageFromAnotherPage'
      );
      var inputTest = localStorage.getItem('objectToPass');
      // var displayData = inputTest;
      messageFromAnotherPage.innerText = inputTest;

      localStorage.removeItem('objectToPass'); // Clear the localStorage
    </script>
  </body>
</html>