Question

我有两个变量： strt 和 num 。
strt = 0; num = 5;

我想编写一个onclick函数，每次单击一个链接时会增加5，因此变量会持续增加5。我尝试了很多不同的功能，但没有任何作用。请帮忙！

我会详细介绍一下：
我在这里展示来自报纸XML feed的文章。
点击链接后，我想再显示5个。
我已经显示了5.
我正在改变的变量属于for循环：这是我的代码的一部分：

var strt = 0;
var num = 5;

increment = function(event) {
event.preventDefault(); //maybe needed? Prevent Default a link behavior.
strt = strt + 5;
num = num + 5;
}

for (i = strt; i < num; i++)
{       
document.write("<div class='article'><span class='title'><a target='_blank' href='"+x[i].getElementsByTagName("link")[0].childNodes[0].nodeValue+"'>"+x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue+"</a></span><h2>"+x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue+"</h2></div>");
}

// Onclick add 5 more articles
document.write("<div id='more'><a href='#' onclick='increment(event)'>Some Link</a></div></div>");

当我为每个变量添加5但是它们在for循环中没有改变时，代码似乎有效。任何帮助，将不胜感激！

Answer 1

这应该有效。

<强> HTML

<a href="somelink" onclick="increment(event)">Some Link</a>

<强>的Javascript

var strt = 0;
var num = 0;

increment = function(event) {
    event.preventDefault(); //maybe needed? Prevent Default a link behavior.
    strt = strt + 5;
    num = num + 5;
}

Fiddle of the above.

Answer 2

Try this complete code:

<!doctype html>
<html>
  <head>
    <script>
var strt = 0;
var num = 0;

function increment(event) {
    event.preventDefault(); //maybe needed? Prevent Default a link behavior.
    strt = strt + 5;
    num = num + 5;   
      alert(num);

}
    </script>
  </head>
  <body>
        <a href="somelink" onclick="increment(event)">Some Link</a>
  </body>
</html>

onclick函数将5添加到变量

2 个答案: