Javascript 我如何在同一页上获得答案而不是警报？

我想要一个按钮，每次你点击它，它会给你一个不同的答案（动物，电影或电视节目，等等），问题是我有一个按钮（我在网上找到的，我是新的编码），但这个按钮给我一个小提示框中的答案，有没有办法让它给我下面的按钮答案？以下是我找到的代码：

var words = ['Animals', 'Movies', 'TV Shows'];

function randomAlert() {


  var alertIndex;


  var randomValue = Math.random();


  if (randomValue < 0.5) {
    alertIndex = 0;
  }


  else if(randomValue < 0.8) {
    alertIndex = 1;
  }


  else {
    alertIndex = 2;
  }

  alert(words[alertIndex]).innerHTML
}

var words=[“动物”、“电影”、“电视节目”]；
函数randomAlert（）{
var指数；
var randomValue=Math.random（）；
如果（随机值<0.5）{
alertIndex=0；
}
否则如果（随机值<0.8）{
alertIndex=1；
}
否则{
alertIndex=2；
}
警报（单词[alertIndex]）.innerHTML
}

您只需摆脱警报调用，然后将其插入div、span、h1中即可。以下是众多方法中的一个示例：

var words=[“动物”、“电影”、“电视节目”]；
函数randomSelect（）{
var指数；
var randomValue=Math.random（）；
如果（随机值<0.5）{
指数=0；
}
否则如果（随机值<0.8）{
指数=1；
}
否则{
指数=2；
}
document.getElementById（'answer'）.innerText=words[index]；//Get是id为'answer'的元素
}
随机选择（）//执行函数

JS-Bin

只需去除警报并在文档中插入文本，而且

innerHTML

应该在函数callI中，我认为脚本运行的是HTML文档？如果是这样，你的问题有一个很好的答案。只需在HTML中插入一个元素（如h1标记或p标记），给它一个ID，然后用链接中的答案替换代码中的警告行，以获得所需的结果。终于有了效果！唯一的问题是它给我的结果是“0，1或2”。我是否需要做一些不同的事情，这样它会给我单词（动物、电视节目、电影）而不是数字？更新@DanielFregoso，它现在应该可以完全工作了：）再问一个问题，有没有办法改变答案的字体（脸、颜色、大小）？当然，使用CSS。只需针对您的规则设置

#回答
，或者您可以用span替换div并将其应用于span，您能帮我吗？D:我只能用它来改变颜色，但我还是不能改变大小或脸型。这是我写的：