我可以使用Javascript中的数组更改许多HTML元素吗?

提摩太

我想在用户单击按钮时同时更改两个HTML元素的内容。元素的内容更改为基于一个随机数,该随机数随后将访问函数中定义的数组。

那就是我想发生的事情,但是当我单击按钮(调用'deal()'函数)时,我没有任何改变。

谁能给我任何建议?

这是我的代码-

function createCard(){
   var shuffle = Math.floor(Math.random()*2) +1;

   var title = document.getElementById("cardTitle");
   var text = document.getElementById('cardText');
   var button = document.getElementById('cardButton');


   var cardTitle = ["Bacon", "Hot Dog Lattice"];
   var cardText = ['Frabdious Day', 'Calee, Calay',];

   var cardId = [cardTitle, cardText];


  switch (shuffle) {
    case 1:
      title.innerHTML = cardId(cardTitle[0]);
      text.innerHTML = cardId(cardText[0]);
      break;
    case 2:
      title.innerHTML = cardId(cardTitle[1]);
      text.innerHTML = cardId(cardText[1]);
      break; 
    default:
      title.innerHTML = "Oops";
      text.innerHTML = "Whoopsie";
  break;
 }
}


function deal(){
  createCard();
}
皮特·高顿

这可能是一个更好的解决方案:

function createCard(){
   var shuffle = Math.floor(Math.random()*2);
   var cards = [
     {
       title: "Bacon",
       text: "Frabdious Day"
     },
     {
       title: "Hot Dog Lattice",
       text: "Calee, Calay"
     }
   ];
  
  var shuffledCard = cards[shuffle];
  
  if (!shuffledCard){
    shuffledCard = {
       title: "Oops",
       text: "Whoopsie"
    }
  }
  
  var title = document.getElementById("cardTitle");
  var text = document.getElementById('cardText');
  var button = document.getElementById('cardButton');

  title.innerHTML = shuffledCard.title;
  text.innerHTML = shuffledCard.text;
  
 
}


function deal(){
  createCard();
}
<div id="cardTitle">Start value</div>
<div id="cardText">Start value</div>
<button id="cardButton" onClick="deal()">Deal</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我们可以使用<li>作为html中的表单元素吗?

来自分类Dev

我可以使用javascript / jquery更改此html标签/代码吗?

来自分类Dev

我可以使用Jquery将自定义属性插入HTML元素吗?

来自分类Dev

页面上的许多UI-Bootstrap-Datepickers加载速度非常慢-我可以使用单个实例并移动元素吗?

来自分类Dev

我可以使用dtype查找numpy数组的元素是字符串吗?

来自分类Dev

我可以使用许多DNX版本吗?

来自分类Dev

Pandoc:HTML到Markdown -我可以使用模板或脚本替换元素吗?

来自分类Dev

我可以使用纯CSS重叠重叠的元素吗?

来自分类Dev

我可以使用数组中的字符串作为Swift中的选择器吗?

来自分类Dev

我可以使用array.filter()从数组中获取示例元素吗?

来自分类Dev

我们可以从多维数组更改javascript中元素的颜色属性吗?

来自分类Dev

您可以使用v模型添加/删除数组中的元素吗?

来自分类Dev

我们可以使用<li>作为html中的表单元素吗?

来自分类Dev

我可以使用Jquery获得元素的HTML源吗?

来自分类Dev

我可以使用JavaScript在Chrome浏览器中显示HTML元素吗?

来自分类Dev

我可以使用粘贴来调用数据框中的元素吗?

来自分类Dev

我可以使用jQuery或JavaScript更改此CSS吗?

来自分类Dev

我可以使用JavaScript正确更改页面吗?

来自分类Dev

如果Excel中的单元格包含数组公式(例如`= {1,2,3}`),我可以使用VBA提取数组的元素吗?

来自分类Dev

如果我使用append生成HTML元素,那之后可以使用jQuery影响它们吗?

来自分类Dev

我可以使用multer和单个html格式将许多文件上传到不同的文件夹中吗?

来自分类Dev

我可以使用 JavaScript 将 HTML 注释转换为实际的 HTML 吗?

来自分类Dev

我可以使用 OpenVPN 更改我的位置吗?

来自分类Dev

可以使用数组值更改 PHP 变量吗?

来自分类Dev

我可以使用 forEach 使数组的每个元素成为一个新对象吗?

来自分类Dev

java - 我可以使用Java中每个元素的代码创建动态网格视图吗?

来自分类Dev

我们可以使用数组的最后一个元素吗?

来自分类Dev

我可以使用 JavaScript 在 URL 中添加 /something 吗?

来自分类Dev

我可以使用类在 DOM 中创建/放置元素吗?

Related 相关文章

  1. 1

    我们可以使用<li>作为html中的表单元素吗?

  2. 2

    我可以使用javascript / jquery更改此html标签/代码吗?

  3. 3

    我可以使用Jquery将自定义属性插入HTML元素吗?

  4. 4

    页面上的许多UI-Bootstrap-Datepickers加载速度非常慢-我可以使用单个实例并移动元素吗?

  5. 5

    我可以使用dtype查找numpy数组的元素是字符串吗?

  6. 6

    我可以使用许多DNX版本吗?

  7. 7

    Pandoc:HTML到Markdown -我可以使用模板或脚本替换元素吗?

  8. 8

    我可以使用纯CSS重叠重叠的元素吗?

  9. 9

    我可以使用数组中的字符串作为Swift中的选择器吗?

  10. 10

    我可以使用array.filter()从数组中获取示例元素吗?

  11. 11

    我们可以从多维数组更改javascript中元素的颜色属性吗?

  12. 12

    您可以使用v模型添加/删除数组中的元素吗?

  13. 13

    我们可以使用<li>作为html中的表单元素吗?

  14. 14

    我可以使用Jquery获得元素的HTML源吗?

  15. 15

    我可以使用JavaScript在Chrome浏览器中显示HTML元素吗?

  16. 16

    我可以使用粘贴来调用数据框中的元素吗?

  17. 17

    我可以使用jQuery或JavaScript更改此CSS吗?

  18. 18

    我可以使用JavaScript正确更改页面吗?

  19. 19

    如果Excel中的单元格包含数组公式(例如`= {1,2,3}`),我可以使用VBA提取数组的元素吗?

  20. 20

    如果我使用append生成HTML元素,那之后可以使用jQuery影响它们吗?

  21. 21

    我可以使用multer和单个html格式将许多文件上传到不同的文件夹中吗?

  22. 22

    我可以使用 JavaScript 将 HTML 注释转换为实际的 HTML 吗?

  23. 23

    我可以使用 OpenVPN 更改我的位置吗?

  24. 24

    可以使用数组值更改 PHP 变量吗?

  25. 25

    我可以使用 forEach 使数组的每个元素成为一个新对象吗?

  26. 26

    java - 我可以使用Java中每个元素的代码创建动态网格视图吗?

  27. 27

    我们可以使用数组的最后一个元素吗?

  28. 28

    我可以使用 JavaScript 在 URL 中添加 /something 吗?

  29. 29

    我可以使用类在 DOM 中创建/放置元素吗?

热门标签

归档