0

こんにちは、ボタンがクリックされたときに div 内のテキストを変更したいと思います。

<div>
    <p id="part1">Hello</p>

    <button type="button" onclick="myFunction()">Next</button>
</div>



<script>
function myFunction() {
document.getElementById("part1").innerHTML="WORLD";
}
</script>

これは完全に機能します。内部にテキストとボタンがある div があります。この場合、「Hello」という単語があります。ボタンをクリックすると、「こんにちは」という言葉が「WORLD」という言葉に変わります。単語を「hello」から「world」、「world」から「welcome」、「welcome」から「my program」に変更するシーケンスのようなものを作成したいと考えています (例)。ボタンを複数回クリックするだけです。

4

4 に答える 4

1

これが起こることを探しているなら、これtext change cycleを試してください：-

var textArray=['World', 'My', 'Welcome', 'Something','Hello']
function myFunction() {
    var value = textArray.shift(); //Get the first item from the array
    textArray.push(value); //Push it back for the cycle to repeat.
    document.getElementById("part1").innerHTML=value;
}

フィドル

于 2013-05-15T03:49:40.500 に答える
0

これをスクリプトタグに入れます

var curNum=0;
var arrOfDialogs=['hello','welcome to my program','goodbye']
function myFunciton(){
    if(curNum<arrOfDialogs.length)
        document.getElementById('part1').innerHTML=arrOfDialogs[curNum++];
}

他の答えも機能することは理解していますが、これは短くて簡単です。

于 2013-05-15T03:05:26.733 に答える
0

名前で配列を作成できます。

例えば：

第1の方法：[カウンター変数を使用]

var namesArr = new Array('hello','world','welcome','welcome to my program');
var counter=0;

document.getElementById("part1").innerHTML=namesArr[counter];
counter++;

2番目の方法：[カウンター変数なし]

// Note : Array elements in reverse order

var var namesArr = new Array('welcome to my program','welcome','world','hello');

document.getElementById("part1").innerHTML=namesArr.pop();
于 2013-05-15T03:49:23.797 に答える