Question

单击“获取报价”按钮时，我需要获取“淡入”的报价。我对JS和CSS非常陌生，感到相对迷茫。我也想不使用Jquery来做到这一点。

var quoteText = document.querySelector("h2");
var authorText = document.querySelector("h3")
var button = document.querySelector("button");
var body = document.querySelector("body");

button.addEventListener("click", function(){

    var colorRandom = Math.floor(Math.random()*255)
    var random = Math.floor(Math.random()*quotes.length)    
    quoteText.textContent = quotes[random];
    authorText.textContent = "- " + authors[random];
})

Answer 1

首先，如果要获取所有（多个）引号，则必须使用querySelectorAll（），因为它们的querySelector（）方法返回第一个元素。当您获得所有元素时，您可以返回在nodeList.length范围内的随机索引。这是https://codepen.io/iganchev87/pen/vqxjNm中非常简单的示例。如果需要，可以使用事件侦听器等添加功能。希望对您有帮助。

addPageInitMessage

从数组淡入随机报价

1 个答案: