JavaScriptでの入力方法

フロントエンド開発の発展に伴い、JavaScript は必須のプログラミング言語となっており、JS の入力方法を習得することも学習と開発にとって非常に重要なステップです。

JavaScript には、HTML テキスト ボックス、コマンド ライン、コンソール、ポップアップ ダイアログ ボックス、さらにはキーボード入力など、多くの入力方法があります。

まず、HTML テキスト ボックスを使用して入力を行う方法を見てみましょう。 HTML では、<input> 要素を通じてテキスト ボックスを作成し、JavaScript を通じて要素の値を取得して入力を実現します。例:

<input type="text" id="username">
<button onclick="submit()">提交</button>
<script>
function submit() {
  var name = document.getElementById("username").value;
  alert("欢迎您，" + name + "!");
}
</script>

上の例では、document.getElementById() メソッドを通じて ID「username」を持つテキスト ボックス要素を取得し、 を渡しました。 value属性はテキスト ボックスの値を取得し、alert() メソッドを使用してウェルカム メッセージを出力します。

入力には HTML テキスト ボックスを使用するだけでなく、コマンド ラインからも入力できます。 Node.js 環境では、Node の Readline モジュールを使用してコマンド ラインからユーザー入力を取得できます。例:

const readline = require('readline');

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
});

rl.question('请输入您的名字：', (answer) => {
  console.log(`欢迎您，${answer}!`);
  rl.close();
});

この例では、Node.js の組み込みモジュール Readline を使用して、rl.question() メソッドを通じてユーザーに質問し、ユーザーの入力を追加し、ユーザーの入力が引数としてコールバック関数に渡されます。最後に、ウェルカム メッセージが出力され、Readline オブジェクトが閉じられます。

コマンド ラインを使用して入力するだけでなく、コンソールを使用して入力することもできます。ブラウザでは、F12 を使用してコンソールを開き、コンソールで prompt() または console.log() メソッドを使用して入力と出力を行うことができます。例:

var name = prompt("请输入您的名字：");
console.log("欢迎您，" + name + "!");

この例では、prompt() メソッドを使用してユーザー入力用のダイアログ ボックスをポップアップし、次に console.log()# を使用します。 ## ウェルカムメッセージを出力するメソッド。

以上がJavaScriptでの入力方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。