0

好的，所以我必须制作一个基本的 javascript 文件，该文件从两个输入字段中获取数据，然后在单击按钮时使用相关的新值更新 div 标记。这是我在 JS 中做过的第一件事，所以请原谅任何不好的做法。我有 3 个按钮，前两个分别只保存和更新名称或年龄。第三个创建一个新对象“init”并保存和更新两者。我希望我能告诉你更多关于哪里出了问题，但是当我点击任何按钮时没有任何变化，所以我不知道。

谢谢您的帮助

这是我的 HTML：

<!DOCTYPE HTML>
<html>
    <head>
    </head>
    <body>
        <form name="inForm">
            <input type="text" name="user"/>
            <input type="text" name="age"/>
        </form>
    <button onClick="User.setName"> Save name </button>
    <button onClick="User.setAge"> Save age </button>
    <button onClick="writeIn"> Save </button>
    <div id="update">
    </div>
           <script language="JavaScript1.2" src="script.js" type="text/javascript"/>
    </body>

</html>

这是我的javascript：

var User = function() {
    var save = function(callback) {
        if (callback) {
            callback();
        }
    }

    return {
        name: function() {
            write = document.getElementById('update');
            write.innerHTML = this.name;
            return this.name;
        }(),
        age: function() {
            write = document.getElementById('update');
            write.innerHTML = this.age;
            return this.age;
        }(),
        setName: function() {
            this.name = document.inForm.name;
        },
        setAge: function() {
            this.age = document.inForm.age;
        },
        save: save,
        init: function(name, age) {
            this.name = name;
            this.age = age;
            write = document.getElementById('update');
            write.innerHTML = this.age + this.name;
            return this;
        }
    };
};

function writeIn() {
    var a = new User
    a.init(document.inForm.name, document.inForm.age)
}

console.log(a.name, b.name);
4

2 回答 2

0

你能试试类似的东西：

     <script type="text/javascript">
     function changeText2(){
        var userInput = document.getElementById('userInput').value;
        document.getElementById('boldStuff2').innerHTML = userInput;
     }
    </script>
    <p>Welcome to the site <b id='boldStuff2'>dude</b> </p> 
    <input type='text' id='userInput' value='Enter Text Here' />
    <input type='button' onclick='changeText2()' value='Change Text'/>

我认为您的功能中缺少通过用户输入的 id 进行选择的功能。只是想帮助你，但不确定。我以http://www.tizag.com/javascriptT/javascript-innerHTML.php/为例

于 2012-08-07T08:12:58.403 回答
0

要调用一个函数，你必须在它后面加上括号，例如

<button onClick="User.setName()"> Save name </button>

另外，我认为nameJavascript 中的所有引用都应该是user.

于 2012-08-07T08:29:53.810 回答