如何将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文件中：

工作小提琴

<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！

Answer 2

有两种方法可以包含Javascript（或CSS）。

1：直接将其嵌入到HTML文件中

<script>

    // Your code here

</script>

建议将其用于小型代码段。 如果您需要大量的Javascript，则第二种可能更有意义。

2：包含为自己的文件

您还可以将Javascript代码另存为-例如-“ script.js”，然后将followig添加到HTML文件中：

<script src="/path/to/script.js"></script>

记住要使用正确的路径。