JavaScriptキーボードからボタンを押して新しい入力を得る方法

タイトルはちょっと混乱しています。基本的には、1つの入力ボタンに1つのID名を付けると、JavaScript関数が変数に格納し、空の段落タグを変数に置き換えて表示することができます。しかし、私は同じ機能を持つ複数のボタンで動作させることはできません。なぜなら、数字キーパッドにボタンをつけて結果を表示させようとしているからです。私は何らかの理由で値を追加するためにpush（）メソッドを使用し、次に送信ボタンをクリックして結果の文字列を表示する必要があると思います。との唯一の1つのボタンで入力ボタンで、私のコードはここにある、JavaScriptキーボードからボタンを押して新しい入力を得る方法

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
    fruits.push("Kiwi");

をとにかく：私は、既知の変数でプッシュを使用する方法を知っているが、私はしかし、未知の変数とそれを実装する方法がわかりません私は、jQueryの答えは歓迎ですが、私はJavaScriptについて質問しているので、jQueryを好まないのです。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Desperate</title> 

<script type="text/javascript"> 

     function othername() { 
    var inputinput = document.getElementById("userInput").value; 
    var n = inputinput.length; 
    document.getElementById("demo").innerHTML = n; 
    } 

</script> 
</head> 
<body> 
<p id="demo"></p> 
<input id="text" type="text"> 
</div> 

     <div> 
      <input id="userInput" type="button" value="1" onclick="othername();" /> 
      <input id="btn2" type="button" value="2" onclick="othername();" /> 
      <input id="btn3" type="button" value="3" onclick="othername();" /> 
     </div> 

</body> 
</html>

すべてのサポートをよろしくお願いいたします。ありがとうございました！

出典

2017-04-14 Grace

onclickイベントハンドラを別の方法でバインドする必要があります。次に、あなたの "othername"関数で着信イベントを検査し、クリックされた要素の値を取得することができます。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Desperate</title> 
 

 
    <script type="text/javascript"> 
 

 
     function othername(e) { 
 
      var n = e.srcElement.value || ''; 
 
      document.getElementById("demo").innerHTML = n; 
 
     } 
 

 
    </script> 
 
</head> 
 
<body> 
 
    <div> 
 
     <p id="demo"></p> 
 
     <input id="text" type="text"> 
 
    </div> 
 

 
    <div id="btns"> 
 
     <input id="userInput" type="button" value="1" /> 
 
     <input id="btn2" type="button" value="2" /> 
 
     <input id="btn3" type="button" value="3" /> 
 
    </div> 
 

 
    <script> 
 
     var btnC = document.getElementById("btns"); 
 
     btnC.onclick = othername; 
 
    </script> 
 

 
</body> 
 
</html>

出典

2017-04-14 16:07:22 gforce301

JavaScriptキーボードからボタンを押して新しい入力を得る方法

答えて

関連する問題