2017-04-20 15 views
0

ユーザーが提供するリストにあるtypescriptとjavascriptを使用して番号を検索するようにコードを作成しようとしています。私はその番号がリストの中にあるかどうかを '検索'ボタンで印刷したい。 5つの入力テキストボックスと1つの検索テキストボックスと検索のためのボタン。番号がユーザー入力テキストボックスのいずれかに表示されている場合>>印刷は「はい」と表示され、番号はリストにあります(最大5つのボックス)。リスト」Javascriptを使用して番号を検索する

<html> 
 
     <head> 
 
     </head> 
 
     <body> 
 
       
 
      Enter a Number : <input type="text" name="textbox1" id="textbox1" onkeyup="movetoNext(this, 'textbox2')" maxlength="2" /><br><br> 
 
      Enter a Number : <input type="text" name="textbox2" id="textbox2" onkeyup="movetoNext(this, 'textbox3')" maxlength="2" /><br><br> 
 
      Enter a Number : <input type="text" name="textbox3" id="textbox3" onkeyup="movetoNext(this, 'textbox4')" maxlength="2" /><br><br> 
 
      Enter a Number : <input type="text" name="textbox4" id="textbox4" onkeyup="movetoNext(this, 'textbox5')" maxlength="2" /><br><br> 
 
      Enter a Number : <input type="text" name="textbox5" id="textbox5" onkeyup="movetoNext(this, 'textbox6')" maxlength="2"/><br><br> 
 

 
     <input type="text" name="textbox6" id="textbox6"/> 
 
     <button onclick="myFunction()" value="answer">search</button> 
 
     <script> 
 
function movetoNext(current, nextFieldID) { 
 
if (current.value.length >= current.maxLength) { 
 
    document.getElementById(nextFieldID).focus(); 
 
} 
 
     </script> 
 
     </body> 
 
    </html> 
 

+1

あなたがしていますあなたのインプットの数字を検索することについて尋ねると、あなたの質問ヘッダーは階乗について言います。あなたの実際の問題は何ですか? – Chirag

+0

あなたはhtmlページでフォームを作成したいですか? –

+1

入力とボタンの作成方法も知っていますか?これはあなたが求めている基本的なものです。まともな質問があるときに何かを試してみてください。 – Weedoze

答えて

-2

は以下のhtmlを試してみてください

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<form name="myform" > 
 
    First number:<br> 
 
    <input type="text" name="1" value="211"> 
 
    <br> 
 
    Last number:<br> 
 
    <input type="text" name="2" value="1223"> 
 
    <br><br> 
 
    <input type="submit" value="Search" onclick="search()"> 
 
</form> 
 

 
<script> 
 
function search(val){ 
 
     var x = document.getElementById("myform").elements.length; 
 
     console.log(x); 
 
     var val = ['112','1213','1234','121','142'] 
 
     // we need check the form value exist in array or not 
 
    } 
 
<script> 
 

 
</body> 
 
</html>

+2

OPの問題にどのように役立ちますか? – bhansa

+0

OPは彼の実際の要求を明記していませんでしたが、これを正解とどのように判断できますか? OPの質問自体はまだ不明です。だから、あなたはそれを不明瞭なものとしてフラグを立てるか、質問について明確なアイデアを得て答えを投稿するべきです。 – Chirag

+0

OPは非常に初心者です。私は上記の例がhtmlでキックスタートを与えるのに役立つことを願っています。 –

関連する問題