How can I load a variable from a index.html file to a results.html file?

Question

I am trying to make some sort of search engine, I have the input set up, but I need to load the searched tearm into my results page, I am using javascript for this, 1 page for input, one file to store the data, and 1 file to output the data.

INPUT:

var inputBox = document.getElementById("input-box");
var searchButton = document.getElementById("search-button");
var input = "";

searchButton.onclick = function() {
    input = inputBox.value;
    input = input.toLowerCase();
    console.log("Input: " + input);
    getData(input);
}

DATASTORE:

var storeSearchedTearm = "";

getData = function(whatToStore) {
    console.log("Database collection: " + whatToStore);
    storeSearchedTearm = whatToStore;
    console.log("Database added to store: " + storeSearchedTearm);
}

OUTPUT:

console.log("Data: " + storeSearchedTearm);

var searchedTearm = "";

searchedTearm = storeSearchedTearm;

console.log("Output: " + searchedTearm);

Does this answer your question? Passing Variable through JavaScript from one html page to another page — Omri Attiya
– Omri Attiya, Commented Apr 10, 2020 at 16:34
How are you doing the searching? If it's on the server, you send the search string to it using POST. — Barmar
– Barmar, Commented Apr 10, 2020 at 16:34

Elman Huseynov · Accepted Answer · 2020-04-10 16:44:05Z

1

You can store your searched query in Localstorage after pressing Search button in index.html, and get that value in results.html. Try my solution.

Index.html

var inputBox = document.getElementById("input-box");
var searchButton = document.getElementById("search-button");
var input = "";

searchButton.onclick = function() {
    input = inputBox.value;
    input = input.toLowerCase();
    console.log("Input: " + input);
    localStorage.setItem("searchedQuery",input );
    getData(input);
}

Results.HTML or any place you want to see your saved data:

var SearchedQuery = localStorage.getItem("searchedQuery");

answered Apr 10, 2020 at 16:44

Elman Huseynov

1,1471 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I load a variable from a index.html file to a results.html file?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related