Javascript 如何分离两个变量_Javascript_Html_Variables_Random

Javascript 如何分离两个变量

javascript html variables random

Javascript 如何分离两个变量,javascript,html,variables,random,Javascript,Html,Variables,Random,我有这些代码，我的问题是图像和文本出现在一个div中。当图像也出现在另一个div中时，如何将文本分离并显示到另一个div中。但当我重新加载页面时，图像1仍将对应于文本1。与图像2相同，它也应与文本2一起出现 <html> <head> <meta charset=utf-8 /> <title>Random Text Plus Image</title> </head> <body> <div id="

我有这些代码，我的问题是图像和文本出现在一个div中。当图像也出现在另一个div中时，如何将文本分离并显示到另一个div中。但当我重新加载页面时，图像1仍将对应于文本1。与图像2相同，它也应与文本2一起出现

<html>
<head>
<meta charset=utf-8 />
<title>Random Text Plus Image</title>
</head>
<body>
  <div id="quote"></div>
  <script>
    (function() {
      var quotes = [
        {
          text: "text1",
          img:  "image1.jpg"
        },
        {
          text: "text2",
          img:  "image2.jpg",
        }
      ];
      var quote = quotes[Math.floor(Math.random() * quotes.length)];
      document.getElementById("quote").innerHTML =
        '<p>' + quote.text + '</p>' +
        '<img src="' + quote.img + '">';
    })();
  </script>
</body>
</html>


随机文本加图像
（功能（）{
变量引号=[
{
文本：“文本1”，
img：“image1.jpg”
},
{
文本：“文本2”，
img：“image2.jpg”，
}
];
var quote=quotes[Math.floor（Math.random（）*quotes.length）]；
document.getElementById（“quote”）.innerHTML=
“”+quote.text+””+
'';
})();

并根据注释更新了代码：

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset=utf-8 /> 
        <title>Random Text Plus Image</title> 
    </head>
    <body>
        <div id="img"></div>
        <div id="text"></div>
        <script> 
            (function() { 
                var img = ["image1.jpg", "image2.jpg"]; 
                var text= ['text1','text2']; 
                var img = img[Math.floor(Math.random() * img.length)]; 
                var text = text[Math.floor(Math.random() * text.length)];                 
                document.getElementById("img").innerHTML = '<div>'+ text + '</div>'+ '<img src="' + img + '">'; })(); 
       </script>
    </body>
</html>


随机文本加图像
（函数（）{
var img=[“image1.jpg”，“image2.jpg”]；
变量text=['text1'，'text2']；
var img=img[Math.floor（Math.random（）*img.length）]；
var text=text[Math.floor（Math.random（）*text.length）]；
document.getElementById（“img”）.innerHTML=''+text+''+''；}）（）；

document.getElementById（“quote”）.innerHTML=
“”+quote.text+””+
'';

不确定为什么要从第一个更有意义的数据结构更改它，但问题是您正在生成两个不同的数字

var img = ["image1.jpg", "image2.jpg"]; 
var text= ['text1','text2']; 
var img = img[Math.floor(Math.random() * img.length)]; //random number 1
var text = text[Math.floor(Math.random() * text.length)];   //random number 2               
document.getElementById("img").innerHTML = '<div>'+ text + '</div>'+ '<img src="' + img + '">';

var img=[“image1.jpg”、“image2.jpg”]；
变量text=['text1'，'text2']；
var img=img[Math.floor（Math.random（）*img.length）]//随机数1
var text=text[Math.floor（Math.random（）*text.length）]//随机数2
document.getElementById（“img”）.innerHTML=''+text+''；

应该是这样的

var img = ["image1.jpg", "image2.jpg"]; 
var text= ['text1','text2']; 
var ranNum = Math.floor(Math.random() * img.length);
var img = img[ranNum]; 
var text = text[ranNum];   
document.getElementById("text").innerHTML = '<div>'+ text + '</div>';
document.getElementById("img").innerHTML = '<img src="' + img + '">';

var img=[“image1.jpg”、“image2.jpg”]；
变量text=['text1'，'text2']；
var ranNum=Math.floor（Math.random（）*img.length）；
var img=img[ranNum]；
var text=text[ranNum]；
document.getElementById（“text”）.innerHTML=''+text+''；
document.getElementById（“img”）.innerHTML=''；

因此，将一行放在一个div中，将图像放在另一个div中。看看代码在做什么，对另一个div做同样的事情。我已经试过了，但似乎我做错了。这是我的问题。我是javascript的新手@epascarello@epascarello随机文本加图像（函数（）{var img=[“image1.jpg”，“image2.jpg”]；var Text=['text1'，'text2']；var img=img[Math.floor（Math.Random（）*img.length）]；var Text=Text[Math.floor（Math.Random（）*Text.length）]；document.getElementById（“img”）.innerHTML=''+文本+''+''；}（）；当我操作代码时，image1不会与文本1配对…有时它会与文本2配对显示，因为您使用的是两个随机数！

var img = ["image1.jpg", "image2.jpg"]; 
var text= ['text1','text2']; 
var ranNum = Math.floor(Math.random() * img.length);
var img = img[ranNum]; 
var text = text[ranNum];   
document.getElementById("text").innerHTML = '<div>'+ text + '</div>';
document.getElementById("img").innerHTML = '<img src="' + img + '">';