フィールドの更新は、

Question

はので、私は、p段落としてフィールドの状態を作っdisapears、ボタンのクリック後の値を保持することができるようになってそれだけで瞬間的に表示され、

ライブラリのJSがちょうど持って消えますデータを埋めるために必要な配列が

<script src="library.js"></script> 
<b id="chakra"></b> 
<div id="planet"></div> 
<script>  
    var index = setChakra(0); 
    var planetConection = ""; 

    function setChakra(index){ 
     document.getElementById("chakra").innerHTML = chakra[index]; 
     while (index < chakra.length){ 
      getPlanets(index); 
      if (index < chakra.length-1) index++; 
      else index = 0; 
      break; 
     } 
     return index; 
    } 

    function getPlanets(chakra){ 
     var planetIndex = 0; 
     document.getElementById("planet").innerHTML = ""; 
     while(planetIndex < chakraPlanets[chakra].length){ 
       document.getElementById("planet").innerHTML = document.getElementById("planet").innerHTML + planetDesc[chakraPlanets[chakra][planetIndex]] + 
       "<form>" + 
        "<input id=\"planetStatus" + planetIndex + "\" type=\"text\" name=\"plntStat\">" + 
        "<button onclick=\"getPlanetConection(" + planetIndex + ")\">Click Me!</button>" + 
       "</form>" + 
       "<p id=\"status\"></p>"; 
       planetIndex++; 
      } 
    } 

    function getPlanetConection(planetIndex){ 
     planetConection = document.getElementById("planetStatus" + planetIndex).value; 
     document.getElementById("status").innerHTML = planetConection; 
    } 

</script> 
<button onclick = "index = setChakra(index)" >Click Me!</button> 

Answer 1

を必要として[OK]を、私は、ページがリロードされると思う私は、ページに

<script src="library.js"></script> 
<b id="chakra"></b> 
<div id="planet"></div> 
<script>  
    var index = setChakra(0); 
    var planetConection = ""; 

    function setChakra(index){ 
     document.getElementById("chakra").innerHTML = chakra[index]; 
     while (index < chakra.length){ 
      getPlanets(index); 
      if (index < chakra.length-1) index++; 
      else index = 0; 
      break; 
     } 
     return index; 
    } 

    function getPlanets(chakra){ 
     var planetIndex = 0; 
     document.getElementById("planet").innerHTML = ""; 
     while(planetIndex < chakraPlanets[chakra].length){ 
      document.getElementById("planet").innerHTML = document.getElementById("planet").innerHTML + planetDesc[chakraPlanets[chakra][planetIndex]] + 
      "<form>" + 
       "<input id=\"planetStatus" + planetIndex + "\" type=\"text\" name=\"plntStat\">" + 
       "<input value=\"Click\" type=\"button\" onclick=\"getPlanetConection(" + planetIndex + ")\"/>" + 
      "</form>" + 
      "<p id=\"status" + planetIndex + "\"></p>"; 
      planetIndex++; 
     } 
    } 

    function getPlanetConection(planetIndex){ 
     planetConection = document.getElementById("planetStatus" + planetIndex).value; 
     document.getElementById("status" + planetIndex).innerHTML = planetConection; 
    } 
</script> 
<button onclick = "index = setChakra(index)" >Click Me!</button> 

Answer 2

をリフレッシュしておりません場合は、ボタンを入力することを意図され、それを解決しました。ボタンに値 'button'のタイプ属性を追加します。 ので、同じように：

<button type="button" onclick = "index = setChakra(index)" >Click Me!</button> 

"<button type=\"button\" onclick=\"getPlanetConection(" + planetIndex + ")\">Click Me!</button>" 

これは、ボタンのボタンとして機能していないが、ボタンを提出するようです。