リンクを含むdiv内のテキストを変更し、リンクがクリックされるたびに変更する方法

Question

リンクを使用してdiv内のテキストを変更する方法がありますが、リンクをクリックするたびに変更し続けますか？私はinnerhtmlを試してみましたが、一度変更することができますが、変更後に新しいテキストに変更する方法を変更しました。最終結果は、「次の」リンクがクリックされるたびに新しいテキストが読み込まれます。私は何から始めるべきコードがありませんので、どんな助けも素晴らしいでしょう。

Answer 1

私は本当にあなたがテキストが欲しいとは思っていませんが、あなたはあなたがどこにあっても機能するようにカスタマイズすることができますテキストを取得：

(function(){ 
    var texts = [ 
    'This is the first message', 
    'This is the second message', 
    'This is the last message' 
    ], i = 0; 

    document.getElementById('text').innerHTML = texts[0]; 

    document.getElementById('left').onclick = function(){ 
     if(i <= 0) 
      i += 3; 
     document.getElementById('text').innerHTML = texts[--i%texts.length]; 
    } 

    document.getElementById('right').onclick = function(){ 
     document.getElementById('text').innerHTML = texts[++i%texts.length]; 
    } 
})(); 

http://jsfiddle.net/YDA7v/