Javascript如何根据函数的输出显示图像

时间:2014-12-28 00:13:04

标签: javascript image function

我正在尝试创建一些代码,以便在显示某些文本时显示图像。

单击一个按钮后,我的第一个函数会从数组生成一个随机单词:

<script>
var fruits2 = ["Banana", "Orange", "Apple", "Mango"];

function myFunction4()
 {
document.getElementById("demo4").innerHTML = fruits2[Math.floor(Math.random()*4)];
}
</script>

由此我尝试了以下,这是不正确的,说实话我不知道从哪里开始

<script>
VAR D =myFunction4();

{

if (D ="Orange")
{document.write("<IMG SRC ='test.png'>";}
}
<script>

所以从上面开始,我已经生成了随机单词,即Orange,从这个单词中我想显示一个Orange或Apple的图像,如果生成的单词是Apple。

任何帮助将不胜感激!我试图创建的网站不是基于水果,这些只是用来简化事情

2 个答案:

答案 0 :(得分:0)

你的函数myFunction4必须返回一个值。

    function myFunction4()
      {
          var randomFruit= fruits2[Math.floor(Math.random()*fruits2.lenght)];
          document.getElementById("demo4").innerHTML = randomFruit;
          return randomFruit


     }

答案 1 :(得分:0)

首先。你的函数必须返回一些东西:

var fruits2 = ["Banana", "Orange", "Apple", "Mango"];

function myFunction4() {
   return fruits2[Math.floor(Math.random()*4)];
}

然后你可以显示图像:

var d = myFunction4();
if (d == "Orange") {
    document.write("<img src='test.png'/>");
}