how to pass js value from one html page to another

Question

I am fetching names(name 1, name2, name3) from api using get method

for eg: on clicking name1, using anchor, I want to display the same name on page2.html

<a href='page2.html' onclick='getvalue(this)'>+data.items.name+</a>

function getvalue(click){
    var clicked=click.innerHTML;
    document.getElementbyId("name").innerHTML=clicked;
}

page 2.html

<p id="name"></p>

But I am getting undefined value, How to achieve the solution?

Possible duplicate of [passing form data to another HTML page](https://stackoverflow.com/questions/14693758/passing-form-data-to-another-html-page) — Adrian Pop, Nov 17 '18 at 12:04

Vel · Accepted Answer · 2018-11-17T12:35:43.113

0

Try this way

On page1:

function getvalue(click){

    var clicked=click.innerHTML;
    //document.getElementById("name").innerHTML=clicked;
    localStorage.setItem("clicked",clicked);
}

On page2:

window.addEventListener('load', function() {
  var clickedval =  localStorage.getItem("clicked");

});

edited Nov 17 '18 at 12:35

answered Nov 17 '18 at 12:05

Vel

9,027
6
34
66

I am getting null in alert – Suyash Nov 17 '18 at 12:23
thanks , it worked, But i want to display in
tag
– Suyash Nov 17 '18 at 12:33
answer updated. Please check. just append value to h2 – Vel Nov 17 '18 at 12:36
its giving undefined noe – Suyash Nov 17 '18 at 12:48
It worked using var a=localStorage.getItem("clicked"); document.getElementById("name").innerHTML=a; – Suyash Nov 17 '18 at 13:07

score -1 · Answer 2 · answered Nov 17 '18 at 12:10

-1

set value in session

sessionStorage.setItem('key', 'value');//to set value

get value

sessionStorage.getItem('key');//to get the value

answered Nov 17 '18 at 12:10

yogesh chatrola

429
4
11

This answer is not related to the question which OP is asking. – Tân Nov 17 '18 at 12:34

how to pass js value from one html page to another

2 Answers2

tag