von einreichen und Druckergebnis bei gleichzeitig Update mit url extenstion

Question

var solve = function() { 
 
       
 
      var str = document.getElementById('equ').value; 
 

 
       document.getElementById('demo').innerHTML=str; 
 
      }

<form onsubmit="return solve()"> 
 
<input type="equation" id="equ" name="equation"> 
 
<button>solve</button> 
 
    </form> 
 
    <p id="demo"></p>

Ich habe Form code.On die Zeit vorlegen den Eingangsdruckdaten, die #demo einreichen .aber die Seite reloated wird. also waren die #demo Daten leer. wenn ich angewendet return false Statement-Daten werden print.but nicht mit meiner URL aktualisieren.

Meine Frage ist, die Daten zu HTML-Seite drucken und auch die URL mit bestimmten Eingabedaten aktualisieren wie ‚index.html? Gleichung = mydata‘.

geben Sie bitte ah-Code für die Erfüllung beider Bedingungen. here is my fiddle

<form onsubmit="return solve()"> <input type="equation" id="equ" name="equation"> <button>solve</button> </form> <p id="demo"></p>

Js

var solve = function() { var str = document.getElementById('equ').value; document.getElementById('demo').innerHTML=str; console.log(str); }

Answer 1

für Ihren Zustand, ich JavaScript scheint Sitzung localStorage verwendet, ist geeignet

• Ihre js Sitzung von setItem(key,value)
gesetzt 0

• erhalten Sie Ihre js Sitzung von getItem(key)

  document.getElementById('demo').innerHTML= localStorage.getItem("demo"); 
  var solve = function() {     
       var str = document.getElementById('equ').value;       
        localStorage.setItem('demo',str);    
       } 
  

Answer 2

Ich habe es funktioniert (in der Geige), indem Sie die erste HTML-Datensatz als:

<form onsubmit="solve()"> 

das heißt die return entfernt wurde.

Sie erhalten noch einen weiteren Fehler, den ich aus der `document.getElementById ('demo'). InnerHTML = str; ', aber das kann weiter untersucht werden.