Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？

プロンプトで2つの値を取得しているとしましょう-

var firstvalue = parseInt(prompt("Enter the value1"));
var secondvalue = parseInt(prompt("Enter the value2"));

例

以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
</body>
<script>
   var firstvalue = parseInt(prompt("Enter the value1"));
   var secondvalue = parseInt(prompt("Enter the value2"));
   if (firstvalue * secondvalue > 50)
      document.write("<h1>Result is correct</h1>");
   else
      document.write("<h1>Result is not correct</h1>");
</script> 
</html>

上記のプログラムを実行するには、ファイル名anyName.html（index.html）を保存します。ファイルを右クリックし、VSCodeEditorで[OpenwithLiveServer]オプションを選択します。

出力は次のとおりです-

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？

最初の値を入力します。 10を入力します-

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？

[OK]ボタンをクリックした後、2番目の値を入力する必要があります-

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？

2番目の値を入力します。もう一度10を入力します。

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？

[OK]ボタンをクリックすると、結果が表示されます。出力は次のとおりです-

プロンプトで値を入力し、JavaScriptの条件に基づいて評価しますか？


  1. Enterキーが押されているかどうかを確認し、JavaScriptを使用してコンソールに結果を表示しますか？

    これには、onkeypressを使用します。まず入力テキストを作成しましょう- <input id="textBox" type="text" onkeypress="return demoForEnterKey(event)"/> それでは、demoForEnterKey（）関数を見て、Enterキーが押されているかどうかを確認しましょう- function demoForEnterKey(eventName) {    if (eventName.keyCode == 13) {   &

  2. JavaScriptでinnerHTMLを設定する

    innerHTMLを設定するための正しい構文は次のとおりです- document.getElementById(“yourIdName”).innerHTML=”yourValue”; 次に、innerHTMLを設定する方法を見てみましょう- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&