使提示框创建警报

Question

我正在尝试使用 Javascript 创建一个表单。

我需要表单中的姓名和年龄。输入字段后，您单击提交。提交需要创建一个提示，让您输入新的背景颜色。

单击确定后，我需要一条警报，上面写着（字段名称中的名称“您最喜欢的颜色已应用于页面背景”“您的年龄是（显示年龄字段中的年龄）

示例：Brad 将您最喜欢的颜色应用于页面背景。 你的年龄是 33 岁。我不知道如何让 javascript 获取在姓名和年龄字段中输入的姓名和年龄。

HTML 代码：

    <form>
       First name:<br>
          <input type="text" name="firstname" id="name"><br>
      Age:<br>
         <input type="text" name="txtage" id="age"><br>
         <input type="submit" name="submit" id="process" onclick="MyFunction">
    </form>

外部 Java 脚本：

function MyFunction() {
  x = prompt("Enter the color you want on the Background???");
  document.body.style.backgroundColor = x; 
  if (x != null){       
    alert("(need name from form)Your favorite color was applied to the background of the page, your age is (need age from form) ");
  }
}   

Answer 1

从 DOM 中获取 <input> 元素的一种方法是将其 id 与 document.getElementById 一起使用。从此<input> 获取输入文本的方法来自其.value 属性。

因此，要从 id name 的输入中获取字符串文本，您可以这样做

var name = document.getElementById("name").value;

这可能是这样的：

function MyFunction() {
  x = prompt("Enter the color you want on the Background???");
  document.body.style.backgroundColor = x; 

  var name = document.getElementById("name").value;
  var age = // ...get the age in a similar manner

  if (x != null) {       
    // concat strings using the + operator
    alert(name + "Your favorite color was applied to the background of the page, your age is " + age);
  }
}