输入值弹出窗口

功能分类： Variables Applab JavaScript 少儿编程

声明一个指定名称命名的变量，弹出出框提醒用户输入初始值并给变量赋值。

几乎每个应用程序都会涉及到数据处理。为了让程序进行数据处理操作，首先需要在内存里保存并跟踪这些数据。变量就是一个让你通过一个简单名称就可以引用并管理这些数据的方法。只要这个名称在程序里没被使用过，就可以用来为变量命名，但注意：变量名称里不能包含空格或其他一些特殊字符。在编写代码时，使用一个能代表所保存数据含义的明确清晰的名字，来作为变量名称是一个很好的编程实践。例如，如果创建的变量要存储一个人的名字，可以将该变量命名为 personName。

为了在应用程序中处理数据，我们首先需要使用 var 来声明一个指定名称的变量，为其分配初始值并保存到内存里。prompt() 方法会弹出一个窗口，显示指定的信息，并等待用户输入并点击按钮确认。需要被赋值的变量放在 赋值操作符 = 的左侧。

示例代码


// 弹窗输入名人名字，并输出到控制台日志
var firstName = prompt("What's your famous person's first name?");
var lastName = prompt("What's your famous person's last name?");
console.log("Hi " + firstName + " " + lastName);

示例代码：统计财产 弹窗要求输入并统计用户零用钱金额。


// 弹窗要求输入并统计用户零用钱金额
var quarters = prompt("How many quarters do you have?");
var dimes = prompt("How many dimes do you have?");
var nickels = prompt("How many nickels do you have?");
var pennies = prompt("How many pennies do you have?");
var total = quarters*25 + dimes*10 + nickels*5 + pennies*1;
write("You have " + total + " cents.");

语法规则


var x = prompt("Enter a value")

参数说明

名称 类型 必需 参数描述
x 变量名称 Yes 通过使用这个名称，在程序里就可以使用这个变量。必须以字母开头，不能包含空格，可以包含字母、数字、减号 - 以及下划线 _ 。
"Enter a value" string Yes 在弹出窗口里，用于显示并提醒用户操作的文字内容。

返回值

没有返回值。变量被创建、赋值并保存在内存里。

提示说明

  • 无论用户在弹出窗口中输入什么，输入的值都将作为字符串返回并存储在变量里。如果在后面的计算中使用这些包含数字的字符串，JavaScript 会将它们转换为数字在进行计算。参考上面的示例代码。当然你也可以在计算前自行转换，并且对用户输入进行校验。
  • 声明变量的代码所在位置决定变量的作用域。变量的作用域是值哪些位置的代码可以按变量名称访问该变量。例如，如果在一个函数内声明的变量，一般只能在该函数内访问该变量。当然你也可以在程序顶部使用 global 将变量声明为全局变量，global 声明的全局变量可以在程序中的任何位置使用。
  • 过度使用 prompt() 弹出窗口会让应用体验变得很差，所以使用时要谨慎。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页