javascript - 如何将 Javascript 插入网页

Question

需要帮助将此 javascript 放入此 HTML 代码中(我是编码新手)

<img id="coin"/><br/>
<button id="toss">Toss</button><br/>
<div id="count"></div>

HTML ^

var current = 3;
var elem = document.getElementById('toss');
var intervalId = setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s

Javascript ^

Answer 1

编辑:使其在单击按钮时起作用，而不是以下更改:我向您的按钮添加了一个“onclick”事件，并将 intervalId 函数包装在另一个函数中。 setInterval，按照您的方式，立即触发，现在它与按钮的按下相关联。

给你，把它放在一个脚本标签中，就像这样，全部在你的 HTML 文件中:

工作 Fiddle

<img id="coin"/><br/>
<button id="toss" onclick=intervalId();>Toss</button><br/>
<div id="count"></div>
<script>
var current = 3;
var elem = document.getElementById('toss');
var intervalId = function() {setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s
}
</script>

我想你可以从这里开始

欢迎编码，欢迎来到 StackOverflow!