0

学校でやらなければならないプロジェクトの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>

また、コードがきちんと整理されていないことも知っています...しかし、これは学校用であり、トピックは HTML に関するもので、javascript に関するものではありませんでした。

なぜ機能しないのか知っていますか？

4

2 に答える 2

1

次のように onclick イベントを使用します。

<p id="demo"><button onclick="bananenapokalypse()"><span class="energie">Energie?</span><br /><br />[Starte die Bananenapokalypse]</button></a></p>
于 2013-04-07T07:33:21.573 に答える
1

1）あなたの関数はボディIDと同じ名前を持っています。

<a>2)タグの不適切な使い方

http://jsfiddle.net/UQTY2/47/

<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>
于 2013-04-07T07:34:40.890 に答える