0

わかりましたので、2 つの入力フィールドからデータを取得し、ボタンがクリックされたときに関連する新しい値で div タグを更新する基本的な JavaScript ファイルを作成する必要があります。これは私が JS で行った最初のことなので、悪い慣行を許してください。3 つのボタンがあり、最初の 2 つはそれぞれ名前または年齢のみを保存および更新します。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

関数を呼び出すには、その後に括弧を付ける必要があります。

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

nameまた、 Javascript 内のすべての参照はuser.

于 2012-08-07T08:29:53.810 に答える
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 に答える