链接html和javascript使clicker工作？_Javascript_Html

链接html和javascript使clicker工作？

javascript html

链接html和javascript使clicker工作？,javascript,html,Javascript,Html,当我使用jsfiddle时，HTML和javascript可以完美地交互（如果这有什么不同的话，这就是我在中所做的）。当我使用GoogleDrive的主机时，html显示正确，但没有发生javascript交互以下是HTML： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

当我使用jsfiddle时，HTML和javascript可以完美地交互（如果这有什么不同的话，这就是我在中所做的）。当我使用GoogleDrive的主机时，html显示正确，但没有发生javascript交互

以下是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Click</title>
</head>
<body>
    <script type="text/javascript" src="clickerjs.js"></script>
    <button id="button">Click me</button>
    <button id="auto">Buy an autoclicker!</button>
    <button id="tupgrade">Time Upgrade!</button>
    <button id="cupgrade">Click Upgrade!</button>
    <div id="buytenup">Buy Ten</div>
    <table>
        <tr>
            <td>Clicks</td>
            <td>:</td>
            <td id="clicks">0</td>
        </tr>
        <tr>
            <td>Click value</td>
            <td>:</td>
            <td id="cvalue">1</td>
        </tr>
        <tr>
            <td>Autoclickers</td>
            <td>:</td>
            <td id="autoAmount">0</td>
        </tr>
        <tr>
            <td>Time</td>
            <td>:</td>
            <td id="time">1000ms</td>
        </tr>
        <tr>
            <td>Autoclicker cost</td>
            <td>:</td>
            <td id="autocost">1</td>
        </tr>
        <tr>
            <td>Time upgrade cost</td>
            <td>:</td>
            <td id="tupcost">2</td>
        </tr>
        <tr>
            <td>Click upgrade cost</td>
            <td>:</td>
            <td id="cupcost">1</td>
        </tr>
    </table>
    <div id="console">Consoooooole</div>
    </body>
</html>


点击
点击我
买一个自动舔舐机！
时间升级！
点击升级！
买十个
咔哒声
:
0
点击值
:
1.
自动舔舐者
:
0
时间
:
1000毫秒
自动卷取机成本
:
1.
时间升级成本
:
2.
单击“升级成本”
:
1.
肉豆蔻

以下是JS：

var clicks = 0;
var autoCost = 1;
var autoClicks = 0;
var timer;
var tUpcost = 1;
var time = 1000;
var cUpcost = 1;
var clickValue = 1;


function update() {
    var e = document.getElementById("clicks");
    e.innerHTML = clicks;
    var e1 = document.getElementById("autoAmount");
    e1.innerHTML = autoClicks;
    var e2 = document.getElementById("autocost");
    e2.innerHTML = autoCost;
    var e3 = document.getElementById("tupcost");
    e3.innerHTML = tUpcost;
    var e4 = document.getElementById("cvalue");
    e4.innerHTML = clickValue;
    var e5 = document.getElementById("cupcost");
    e5.innerHTML = cUpcost;

}

document.getElementById("button").onclick = function () {
    clicks += clickValue;
    update();
};

document.getElementById("auto").onclick = function () {
    if (clicks < autoCost) {
        var x = document.getElementById("console");
        x.innerHTML = "Too expensive!";
    } else {
        clicks -= autoCost;
        autoClicks++;
        autoCost += 2;
        var z = document.getElementById("console");
        z.innerHTML = "Upgrade complete!";
    }
    update();
};

//Time
document.getElementById("tupgrade").onclick = function () {
    if (clicks < tUpcost) {
        var p = document.getGetElementById("console");
        p.innerHTML = "Too expensive!";
    } else {
        clicks -= tUpcost;
        time -= 2;
        tUpcost += 2;
        clearInterval(timer);
        timer = setInterval(function () {
            clicks += autoClicks;
            update();
        }, time);
        var l = document.getElementById("console");
        l.innerHTML = "Upgrade complete!";
        var o = document.getElementById("time");
        o.innerHTML = time + "ms";
    }
    update();
};

timer = setInterval(function () {
    clicks += autoClicks;
    update();
}, time);

document.getElementById("cupgrade").onclick = function () {
    if (clicks < cUpcost) {
        var h = document.getGetElementById("console");
        h.innerHTML = "Too expensive!";
    } else {
        clicks -= cUpcost;
        clickValue += 2;
        cUpcost += 2;
        var g = document.getElementById("console");
        g.innerHTML = "Upgrade complete!";
    }
    update();
};

var点击次数=0；
var-autoCost=1；
var autoClicks=0；
无功定时器；
风险价值成本=1；
var时间=1000；
var成本=1；
var-clickValue=1；
函数更新（）{
var e=document.getElementById（“点击”）；
e、 innerHTML=点击；
var e1=document.getElementById（“自动金额”）；
e1.innerHTML=自动单击；
var e2=document.getElementById（“自动成本”）；
e2.innerHTML=自动成本；
var e3=document.getElementById（“tupcost”）；
e3.innerHTML=tUpcost；
var e4=document.getElementById（“cvalue”）；
e4.innerHTML=点击值；
var e5=document.getElementById（“cupcost”）；
e5.innerHTML=成本；
}
document.getElementById（“按钮”）.onclick=function（）{
点击+=点击值；
更新（）；
};
document.getElementById（“自动”）.onclick=function（）{
如果（单击<自动成本）{
var x=document.getElementById（“控制台”）；
x、 innerHTML=“太贵了！”；
}否则{
点击-=自动成本；
自动单击++；
自动成本+=2；
var z=document.getElementById（“控制台”）；
z、 innerHTML=“升级完成！”；
}
更新（）；
};
//时间
document.getElementById（“tupgrade”）.onclick=function（）{
如果（点击次数<成本）{
var p=document.getElementById（“控制台”）；
p、 innerHTML=“太贵了！”；
}否则{
点击次数-=成本；
时间-=2；
成本+=2；
清除间隔（计时器）；
定时器=设置间隔（函数（）{
单击+=自动单击；
更新（）；
}，时间）；
var l=document.getElementById（“控制台”）；
l、 innerHTML=“升级完成！”；
var o=document.getElementById（“时间”）；
o、 innerHTML=时间+毫秒；
}
更新（）；
};
定时器=设置间隔（函数（）{
单击+=自动单击；
更新（）；
}，时间）；
document.getElementById（“cupgrade”）.onclick=function（）{
如果（点击次数<成本）{
var h=document.getElementById（“控制台”）；
h、 innerHTML=“太贵了！”；
}否则{
点击次数-=成本；
单击值+=2；
成本+=2；
var g=document.getElementById（“控制台”）；
g、 innerHTML=“升级完成！”；
}
更新（）；
};

因为在创建DOM之前加载javascript，所以找不到任何元素来绑定事件

解决方案1:

将javascript放在身体底部

<body>
   // html markup

   // load the scripts here
</body>

请确保它是正确的，但是有没有什么特别的原因链接到外部文件不起作用？是的，有，我已经完成了我的回答，你可以在那里找到它。JSFiddle默认情况下运行它，所以一定要记得将它包装在一个onload处理程序中。

window.onload = function(){
    // Code comes here
};