入力を10にして画面に素晴らしい機能を実行する方法

ユーザーの入力を受け取り、10に等しい場合は最終的にfizzbuzzを出力する関数を実行しようとしています0-10から画面に表示されますが、今は入力== 10の場合は「素晴らしい」と言うようにしようとしています。ここにコードがあります。入力を10にして画面に素晴らしい機能を実行する方法

<!DOCTYPE html> 
    <html> 

    <head> 
     <title>Fizzbuzz Input Field</title> 
     <script src="scripts.js"></script> 
    </head> 

    <body> 
     <form> 
      <input type="number" id="userInput"></input> 
      <button onclick="fizzBuzz()">Go</button> 
     </form> 
    </body> 

    </html> 

    window.onload = function() { 
     alert("Page is loaded"); 
    }; 

    var fizzBuzz = function() { 
    var userInput = document.getElementById("userInput"); 
     fizzBuzz.onclick = function() { 
     if(userInput.value == 10) { 
      document.write("awesome"); 
     }; 
     }; 
    }

出典

2017-06-04 Jerry Hoglen

スクリプトタグ内のJavaScriptの部分を配置する必要があるかもしれません。それはちょうどタイピング規則です。 –

入力から要素（この場合は "userInput"）を取得します。それを照会してボタンをつかんだり、IDを入れたりしてボタンをつかんでください.HTMLに関数を置くことに気を使わず、悪い習慣を避けてください。イベントリスナーをボタンに追加し、10に等しいかどうかを確認し、テキストを追加します。何をしたい

var input = document.getElementById("userInput"); 
 
var button = document.getElementsByTagName('button')[0] 
 
button.addEventListener('click', function(a) { 
 
    if (input.value === '10') { 
 
    button.after("awesome"); 
 
    } 
 
})

<input type="number" id="userInput"> 
 
<button>Go</button>

出典

2017-06-04 01:36:42 Rick

私はあなたがevalが悪である理由のためにウェブを検索する必要があり、あなたが探していることは、それを使用する前にevalだと思います。

出典

2017-06-04 01:20:58 ControlAltDel

私はOPは文字通り「10に等しい」を意味し、10には評価しないと思います。 –

関数 'fizzBuzz'の 'onclick'プロパティを設定していますが、入力イベントを使用する必要があります。

var userInput = document.getElementById('userInput'); 
userInput.oninput = function() { 

    if(this.value == 10) alert('awesome'); 

}

出典

2017-06-04 01:27:39

このようなものです：もちろん

var button = document.getElementById('myButton'); 
button.addEventListener('click', function(e) { 
    // First we get the numeric value written to the input (or NaN if it's not a number) 
    var inputValue = parseInt(document.getElementById('userInput').value, 10); 
    // Define the element to which write the text (you usually want a DIV for this) 
    var outputElement = document.getElementById('outputDiv'); 

    if (! isNaN(inputValue)) { 
     outputElement.innerHTML = "awesome!"; 
    } 
    else { 
     // The value is not a number, so just clean the result 
     outputElement.innerHTML = ""; 
    } 
});

、これが機能するためには、少なくとも持っている必要があります。

<input type="number" id="userInput" /> 
<button id="myButton">Go</button> 
<div id="outputDiv"></div>

出典

2017-06-04 01:38:45

Iどのように素晴らしいものを表示したいのか分かりません。警告を発した。楽しむ。

<script> 
 
function fizzBuzz() { 
 
var fizzBuzz = document.getElementById("userInput").value; 
 
if(fizzBuzz != 10){ 
 
\t alert('Number is not equal to ten!'); 
 
\t }else { 
 
    \t alert('awesome'); 
 
    } 
 
    
 
} 
 
</script>

出典

2017-06-04 01:49:45 ayez1389

入力を10にして画面に素晴らしい機能を実行する方法

答えて

関連する問題