我不明白为什么我的代码没有取输入框的值并创建一个新对象

Question

The code for this is at 这个代码是在

This is the Javascript : 这是Javascript：

document.getElementById("submit").onclick = function() {

    function Person(fullname, job, country, city) {
        this.fullname = fullname;
        this.job = job;
        this.country = country;
        this.city = city;
    }

    var fullname = document.getElementById("fname").value;
    var job = document.getElementById("job").value;
    var country = document.getElementById("country").value;
    var city = document.getElementById("city").value;

    var me = new Person(fullname, job, country, city);

    document.getElementById("p").innerHTML = me.fullname + ". Congratulations an object has been made with your information stored in it, the following information is what you have given us. Your job is a " + me.job + "You live in" + me.city + "," + me.country + ".";
};

Answer 1

This is the HTML: 这是HTML：

<body>
    <div>

        <input type="text" id="fname" placeholder ="Full Name" name="fullname">
        <input type="text" id="job" placeholder ="Job" name="job">
        <input type="text" id="country" placeholder ="Country" name="country">
        <input type="text" id="city" placeholder ="City" name="city">

        <input type="submit" value="Submit">

        <p id="p1"></p>
    </div>
</body>

Answer 2

There's no id on the submit button use document.querySelector('input[type="submit"]') ; 提交按钮上没有id使用document.querySelector('input[type="submit"]') ; instead. 代替。

The id for that <p> is p1 <p>的id是p1

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <div> <input type="text" id="fname" placeholder ="Full Name" name="fullname"> <input type="text" id="job" placeholder ="Job" name="job"> <input type="text" id="country" placeholder ="Country" name="country"> <input type="text" id="city" placeholder ="City" name="city"> <input type="submit" value="Submit"> <p id="p1"></p> </div> <script> document.querySelector('input[type="submit"]').onclick = function() { function Person(fullname, job, country, city) { this.fullname = fullname; this.job = job; this.country = country; this.city = city; } var fullname = document.getElementById("fname").value; var job = document.getElementById("job").value; var country = document.getElementById("country").value; var city = document.getElementById("city").value; var me = new Person(fullname, job, country, city); document.getElementById("p1").innerHTML = me.fullname + ". Congratulations an object has been made with your information stored in it, the following information is what you have given us. Your job is a " + me.job + "You live in" + me.city + "," + me.country + "."; }; </script> </body> </html>

我不明白为什么我的代码没有取输入框的值并创建一个新对象

问题描述

2 个解决方案

解决方案1
0

解决方案2
0 已采纳 2016-02-18 00:55:11

我不明白为什么我的代码没有取输入框的值并创建一个新对象

问题描述

2 个解决方案

解决方案1 0

解决方案2 0 已采纳 2016-02-18 00:55:11

解决方案1
0

解决方案2
0 已采纳 2016-02-18 00:55:11