入力値が1から10までの間にフィールドグループに可視性を設定する方法

Question

"tds"フィールドの値の範囲が1から10の範囲にあるときは、入力 "TAN"が表示されます。

<input id="tds" type="text" onkeyup="myFunction(this)"/> 
    <input id="myP" name="TAN" style="display:none;" value="test"/> 
    <script> 
    function myFunction(el) { 
      var tdsvalue = el.value; 
      if (tdsvalue >= 1 && tdsvalue <=10){ 
       document.getElementById("myP").style.display= "block"; 
      } else { 
       document.getElementById("myP").style.display= "none"; 
      } 
    } 
    </script> 

Answer 1

は、次のコードあなたのすなわち改良版をお試しくださいあなたはまた、非表示にする表示してdisplay:noneするdisplay:blockを使用することができます。私たちのコードは、この

<input id="tds" type="text" onchange="myFunction()"/> 
 
<input id="myP" name="TAN" style="visibility:hidden;" value="test"/> 
 
<script> 
 
function myFunction() { 
 
    tdsvalue = document.getElementById('tds').value; 
 
    if (tdsvalue <= 10) { 
 
    document.getElementById("myP").style.visibility = "visible"; 
 
    } 
 
    else { 
 
    document.getElementById("myP").style.visibility = "hidden"; 
 
    } 
 
} 
 
</script>

ノートのようになります。

display:noneは、ページには表示されず、スペースを使用しません。 visibility:hiddenは要素を非表示にしますが、以前と同じ領域を使います。要素は非表示になりますが、レイアウトにはまだ影響します。

Answer 2

設定しvisibilityにvisible、ない""

とY：表示され（隠された状態）

<input id="tds" type="text" onchange="myFunction()"/> 
<input id="myP" name="TAN" style="visibility:hidden;" value="test"/> 
<script> 
function myFunction() { 
     tdsvalue = document.getElementById('tds').value; 
     if (tdsvalue <= 10){ 
     document.getElementById("myP").style.visibility = ""; 
     else 
     } 
} 
</script> 

Answer 3

elseによって発生したの構文エラーが表示されます。

私はまた、以下のコメントを残して、私のように返信されますしてください、あなたが上記のソースコードについて質問がある場合は、parseInt()

function myFunction() { 
 
    var tdsvalue = parseInt(document.getElementById('tds').value); 
 
    if (tdsvalue <= 10) { 
 
    document.getElementById("myP").style.visibility = "visible"; 
 
    } else { 
 
    document.getElementById("myP").style.visibility = "hidden"; 
 
    } 
 
}

<input id="tds" type="text" onchange="myFunction()" /> 
 
<input id="myP" name="TAN" style="visibility:hidden;" value="test" />

を使用して整数として値を解析お勧めしますできるだけ早く。

こちらがお役に立てば幸いです。ハッピーコーディング！