JavaScript 课程 |与用户互动

上一篇： JavaScript 课程 |练习测验-1
Javascript 允许我们与用户交互并做出相应响应的特权。它包括几个有助于交互的用户界面功能。让我们一一来看看。

• 警报
  简单地创建一个警报框，里面可能有也可能没有指定的内容，但它总是带有“确定”按钮。它只是显示一条消息并暂停脚本的执行，直到您按下“确定”按钮。弹出的小窗口称为“模态窗口”。

  alert('text');
  

  例子：

  // alert example
  
   alert('HI there'); // with specified content
   alert(); // without any specified content

  输出：
  
  它可用于调试或仅用于向用户弹出某些内容。

• 迅速的
  Prompt 是另一个用户界面函数，通常包含两个参数。

  prompt('text', default value);
  

  文本基本上是您想要向用户显示的内容，默认值参数是可选的，尽管它在文本字段中充当占位符。它是最常用的界面，您可以要求用户输入一些内容，然后使用该输入来构建一些内容。
  示例：（使用默认参数）

  // prompt example
  let age = prompt('How old are you?', 50);
    
  alert(`You are ${age} years old!`); 

  输出：
  
  你可以输入任何东西，它会打印出来，它不一定是一个数字。如果没有默认值，您必须在文本字段中输入一些内容，否则它将简单地打印一个空格。
  例子：

  // prompt example
  let age = prompt('How old are you?');
    
  alert(`You are ${age} years old!`); 

  输出：
  

• 确认
  确认函数基本上输出一个带有问题和两个按钮“确定”和“取消”的模式窗口。

  confirm('question');
  

  例子：

  // confirm example 
  let isHappy  = confirm('Are you Happy?');
  alert(`You are ${isHappy}`); 

  输出：
  
  它将根据您分别单击“确定”按钮或“取消”按钮的选择打印真或假。

下一篇： JavaScript 课程 | JavaScript 中的逻辑运算符