JavaScript如果点击按钮然后做一些事情

时间:2016-06-08 15:43:15

标签: javascript arrays button

我想要2个按钮。单击时按钮A附加到阵列A.按钮B>数组B.

while(names.length > 0){
  document.getElementById('demo').innerHTML = names[0];
  likeOrDislike()
};

然后我在这个while循环中调用函数:

push

我确定有更好的方法可以做到这一点,然后那个可怕的变量。 我现在收到此错误

  

tinder.html:25未捕获的TypeError:无法设置null的属性'onClick'

1 个答案:

答案 0 :(得分:0)

使用.addEventListener('click', callback).onclick代替.onClick

要比较值,请使用双==或三等于===

请勿在此类情况下使用while。功能将一直循环!

详细了解Javascript,例如w3schools

我为你创造了工作jsFiddle

以下是代码:

var names = ['Hannah', 'Lucy', 'Brenda', 'Lauren', 'Mary'],
liked = [],
disliked = [];

showName();
document.getElementById('likeButton').onclick = like;
document.getElementById('dislikeButton').onclick = dislike;

function showName(){
        var name = names[0];
    if(!name){
        name = "The End";
    }    
    document.getElementById('demo').innerHTML = name;
}

function like(){
  liked.push(names[0]);
  names.splice(0, 1);
  showName();
}

function dislike(){
  disliked.push(names[0]);
  names.splice(0, 1);
  showName();
}