Comment envoyer les résultats d'un script sur une autre page html en javascript?

Signaler
Messages postés
1
Date d'inscription
jeudi 23 avril 2020
Statut
Membre
Dernière intervention
23 avril 2020
-
Bonjour,

Etant novice dans le code, j'ai grandement besoin de vos lumières car je bloque sur le point suivant :

après avoir valider un formulaire via un bouton "submit" comment faire pour transférer les résultats obtenus vers une autre page html en javascript?

car :
- quand je valide en cliquant sur le bouton, la redirection se fait vers ma 2eme page html mais les données n'apparaissent pas.
- quand je valide une première fois avec la touche entrée de mon clavier, les résultats apparaissent sur la première page et par la suite quand je valide avec le bouton la redirection se fait vers la 2eme page mais les résultats n'apparaisse pas non plus la 2eme page.

- et quand je supprime cette partie du script :

$("#bout").click(function()
{
var origin=$("#from").val();
var destination=$("#to").val();
var totalPrice=$("#final_cost").val();
sessionStorage.setItem("getvalue",origin);
sessionStorage.setItem("getvalue2",destination);
sessionStorage.setItem("getvalue8",totalPrice);
window.location.href="precommand.html";
});

les résultats apparaissent bien sur la page 1 or moi je veux que ces résultats soient transférés sur la page 2.
Alors s'il vous plait, comment faire ?
merci par avance pour votre aide.

html -> page 1
<form>

<input class=" input is-primary" type="text" placeholder="Saissisez l'adresse de prise en charge" id="from" required autofocus>
 <i aria-hidden="true" class="dot circle outline link icon" id="locator-button"></i>
 <input id="origin" type="hidden" name="origin" required/>
                
<input class="input is-primary" type="text" placeholder="Saisissez l'adresse de destination" id="to" required>
<input id="destination" type="hidden" name="destination" required/>
 
<button class="button is-link is-rounded" type="submit" name="submit" value="calculate"  onclick="passval();" id="bout">Lancer l'estimation</button>
</form>

<select name="nbr" id="nbr" >
<option>1</option>
<option>2</option>

<select name="nbrR" id="nbrR" >
<option>1</option>
<option>2</option>
<option>3</option>

<div id="result">
<span id="from"></span>
<span id="to"></span>
<span id="final_cost"></span>



html -> page 2

<div id="result">
<span id="from"></span>
<span id="to"></span>
<span id="final_cost"></span>



<script>

$("#bout").click(function()
    {
        var origin=$("#from").val();   
        var destination=$("#to").val();  
        var totalPrice=$("#final_cost").val();
        sessionStorage.setItem("getvalue",origin);
        sessionStorage.setItem("getvalue2",destination);
        sessionStorage.setItem("getvalue8",totalPrice);
        window.location.href="precommand.html";   
});

function passval()
            {
                const selecttext=document.getElementById("nbr").value;
                const selecttext2=document.getElementById("nbrR").value;
                sessionStorage.setItem("getvalue4",selecttext);
                sessionStorage.setItem("getvalue5",selecttext2);
                return false;
            };

<script>