相互作用
2341 ワード
我々は能力をユーザーと接続し、適切にJavascriptに感謝して答えている.これは、相互作用を支援するユーザーインターフェイス機能の数があります.個々に見てみましょう.
警告
単に供給された内容を含むかもしれないか、含んでいないかもしれない警告箱をつくってください、しかし、常に『OK』ボタンを含みます.それはちょうど通知を表示し、“OK”ボタンを押すまで実行してからスクリプトを停止します.モーダルウィンドウはポップアップミニウィンドウの名前です.
これは、デバッグや単にユーザーに何かをポップするために使用することができます.
プロンプト
プロンプトは通常2つの引数を含む別のユーザインタフェース関数です.
例:
あなたは何を入力することができます、それはそれを印刷する、それは必ずしも数である必要はありません.デフォルト値がなければ、テキストフィールドに何かを入力する必要があります.
確認
確認機能は基本的に質問ウィンドウと「OK」と「キャンセル」の2つのボタンを出力する.
「OK」ボタンをクリックするか、「キャンセル」ボタンをクリックするかを選択することによって、真または偽を印刷します.
警告
単に供給された内容を含むかもしれないか、含んでいないかもしれない警告箱をつくってください、しかし、常に『OK』ボタンを含みます.それはちょうど通知を表示し、“OK”ボタンを押すまで実行してからスクリプトを停止します.モーダルウィンドウはポップアップミニウィンドウの名前です.
alert('text');
例:// alert example
<script>
alert('HI there'); // with specified content
alert(); // without any specified content
</script>
出力:これは、デバッグや単にユーザーに何かをポップするために使用することができます.
プロンプト
プロンプトは通常2つの引数を含む別のユーザインタフェース関数です.
prompt('text', default value);
デフォルト値パラメータはオプションで、テキストフィールド内のプレースホルダとして機能します.テキストは基本的にユーザを表示したいもので、デフォルト値引数はユーザを表示したいものです.これは、最も一般的に使用されるインターフェイスを使用すると、入力のユーザーを尋ねることができますし、その情報を使用して何かを構築することができます.例:
<script>
// prompt example
let age = prompt('How old are you?', 50);// For default arg
alert(`You are ${age} years old!`);
</script>
出力:あなたは何を入力することができます、それはそれを印刷する、それは必ずしも数である必要はありません.デフォルト値がなければ、テキストフィールドに何かを入力する必要があります.
<script>
// prompt example
let age = prompt('How old are you?');
alert(`You are ${age} years old!`);
</script>
確認
確認機能は基本的に質問ウィンドウと「OK」と「キャンセル」の2つのボタンを出力する.
confirm('question');
例:<script>
// confirm example
let isHappy = confirm('Are you Happy?');
alert(`You are ${isHappy}`);
</script>
出力:「OK」ボタンをクリックするか、「キャンセル」ボタンをクリックするかを選択することによって、真または偽を印刷します.
Reference
この問題について(相互作用), 我々は、より多くの情報をここで見つけました https://dev.to/bilalniaz15/interaction-in-javascript-34p8テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol