Javascript 巴纳瓦尔语_Javascript_Html_Web

Javascript 巴纳瓦尔语

javascript html web

Javascript 巴纳瓦尔语,javascript,html,web,Javascript,Html,Web,我为一个我必须为学校做的项目写了一个javascript代码。我的想法是通过点击按钮在屏幕上随机显示香蕉。所以我写了这段代码。。但它不起作用 <script> function bananenapokalypse() { var t=10.20; var myVar=setInterval(function(){myTimer()},200); } function myTimer() { var zufall=Math.floor(Math.random

我为一个我必须为学校做的项目写了一个javascript代码。我的想法是通过点击按钮在屏幕上随机显示香蕉。所以我写了这段代码。。但它不起作用

<script>

function bananenapokalypse() {
    var t=10.20;
    var myVar=setInterval(function(){myTimer()},200);
}
function myTimer()
{
    var zufall=Math.floor(Math.random() * 1100) + 1;
    var zufall2=Math.floor(Math.random() * 1000) + 1;
    var zufall3=Math.floor(Math.random() * 1250) + 1;
    var zufall4=Math.floor(Math.random() * 900) + 1;

    var grose  =Math.floor(Math.random() * 200) + 1;
    var grose2 =Math.floor(Math.random() * 300) + 1;
    var grose3 =Math.floor(Math.random() * 200) + 1;

    document.getElementById("demo").innerHTML+= '<div class="bananenapokalypse" style="top: '+zufall+';right: '+ zufall2+ ';"><img src="./bilder/banane.png" width="'+ grose +'"/></div>';
    document.getElementById("bananenapokalypse").innerHTML+='<div class="bananenapokalypse" style="top: '+zufall2+';right: '+ zufall3+ ';"><img src="./bilder/banane.png" width="'+ grose2 +'"/></div>';
    document.getElementById("bananenapokalypse").innerHTML+= '<div class="bananenapokalypse" style="top: '+zufall3+';right: '+ zufall4+ ';"><img src="./bilder/banane.png" width="'+ grose3 +'"/></div>';
    document.getElementById("bananenapokalypse").innerHTML+='<div class="bananenapokalypse" style="top: '+zufall4+';right: '+ zufall+ ';"><img src="./bilder/banane.png" width="'+ grose +'"/></div>';

}

</script>   
</head>
<body id="bananenapokalypse">

<p id="demo"><a href="javascript:bananenapokalypse()"><button><span class="energie">Energie?</span><br /><br />[Starte die Bananenapokalypse]</button></a></p>


函数bananenapokalypse（）{
var t=10.20；
var myVar=setInterval（函数（）{myTimer（）}，200）；
}
函数myTimer（）
{
var zufall=Math.floor（Math.random（）*1100）+1；
var zufall2=Math.floor（Math.random（）*1000）+1；
var zufall3=Math.floor（Math.random（）*1250）+1；
var zufall4=Math.floor（Math.random（）*900）+1；
var grose=Math.floor（Math.random（）*200）+1；
var grose2=数学地板（数学随机（）*300）+1；
var grose3=数学地板（数学随机（）*200）+1；
document.getElementById（“demo”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
}

我也知道代码排列不整齐。。。但这是为学校准备的，主题是HTML而不是javascript

你知道为什么它不起作用吗

像这样使用onclick事件：

<p id="demo"><button onclick="bananenapokalypse()"><span class="energie">Energie?</span><br /><br />[Starte die Bananenapokalypse]</button></a></p>

Energie？

[启动Bananenapokalypse]

1）您的函数与主体ID具有相同的名称

2）使用




能源？



[从巴纳纳纳波利斯开始]

函数myFunctionbananenapokalypse（）{
var t=10.20；
var myVar=setInterval（函数（）{
myTimer（）
}, 200);
}
函数myTimer（）{
var zufall=Math.floor（Math.random（）*1100）+1；
var zufall2=Math.floor（Math.random（）*1000）+1；
var zufall3=Math.floor（Math.random（）*1250）+1；
var zufall4=Math.floor（Math.random（）*900）+1；
var grose=Math.floor（Math.random（）*200）+1；
var grose2=数学地板（数学随机（）*300）+1；
var grose3=数学地板（数学随机（）*200）+1；
document.getElementById（“demo”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
document.getElementById（“bananenapokalypse”）.innerHTML+=''；
}
如果没有进一步的信息，很难确定。究竟什么是“不起作用”？如果有错误信息，您能发布您收到的确切错误信息吗？没有错误信息。单击按钮后，什么也没有发生。但是到处都应该有香蕉谢谢你！帮了我很多忙：）谢谢，我在JS还是个书呆子
<div id="bananenapokalypse">
    <p id="demo">
        <button onclick="javascript:myFunctionbananenapokalypse();"><span class="energie">Energie?</span>
            <br />
            <br />[Starte die Bananenapokalypse]</button>
    </p>
</div>

<script>
function myFunctionbananenapokalypse() {
    var t = 10.20;
    var myVar = setInterval(function () {
        myTimer()
    }, 200);
}

function myTimer() {
    var zufall = Math.floor(Math.random() * 1100) + 1;
    var zufall2 = Math.floor(Math.random() * 1000) + 1;
    var zufall3 = Math.floor(Math.random() * 1250) + 1;
    var zufall4 = Math.floor(Math.random() * 900) + 1;

    var grose = Math.floor(Math.random() * 200) + 1;
    var grose2 = Math.floor(Math.random() * 300) + 1;
    var grose3 = Math.floor(Math.random() * 200) + 1;


    document.getElementById("demo").innerHTML += '<div class="bananenapokalypse" style="top: ' + zufall + ';right: ' + zufall2 + ';"><img src="./bilder/banane.png" width="' + grose + '"/></div>';
    document.getElementById("bananenapokalypse").innerHTML += '<div class="bananenapokalypse" style="top: ' + zufall2 + ';right: ' + zufall3 + ';"><img src="./bilder/banane.png" width="' + grose2 + '"/></div>';
    document.getElementById("bananenapokalypse").innerHTML += '<div class="bananenapokalypse" style="top: ' + zufall3 + ';right: ' + zufall4 + ';"><img src="./bilder/banane.png" width="' + grose3 + '"/></div>';
    document.getElementById("bananenapokalypse").innerHTML += '<div class="bananenapokalypse" style="top: ' + zufall4 + ';right: ' + zufall + ';"><img src="./bilder/banane.png" width="' + grose + '"/></div>';
}

<script>