Question

我尝试使用Javascript创建表单。

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

点击确定后，我需要一个提醒信息（来自字段名称＆＃34的名称;您最喜欢的颜色应用于页面的背景＆＃34;＆＃34;您的年龄是（显示年龄字段的年龄）

示例：Brad您最喜欢的颜色应用于页面背景。你的年龄是33岁。我无法弄清楚如何获取javascript以获取在姓名和年龄字段中输入的姓名和年龄。

HTML code：

    <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);
  }
}

制作提示框创建提醒

1 个答案: