Question

好;所以我设法使我的计数器正常工作（并且它运行良好，我猜;不确定它是否有效或其他）但由于某种原因我的代码输出如下：

593.63

日志，

593.63

粘土，

593.63

金属

当它应该全部在一条线上时，它为什么要这样做？这是我目前的代码：

var curAmntLogs = 448.34;
var curAmntClay = 448.34;
var curAmntMetal = 448.34;

var maxResources = 1000;

var curLogsPerSec = 1.67;
var curClayPerSec = 1.67;
var curMetalPerSec = 1.67;

function logs() {
    curAmntLogs = curAmntLogs + curLogsPerSec;
    if (curAmntLogs > maxResources) {
      curAmntLogs = maxResources;
    }
    document.getElementById('logs').innerHTML = (curAmntLogs).toFixed(2);
}

function clay() {
    curAmntClay = curAmntClay + curClayPerSec;
    if (curAmntClay > maxResources) {
      curAmntClay = maxResources;
    }
    document.getElementById('clay').innerHTML = (curAmntClay).toFixed(2);
}

function metal() {
    curAmntMetal = curAmntMetal + curMetalPerSec;
    if (curAmntMetal > maxResources) {
      curAmntMetal = maxResources;
    }
    document.getElementById('metal').innerHTML = (curAmntMetal).toFixed(2);
}


setInterval(function(){ logs(); clay(); metal(); }, 1000);

我用这个在网页上显示它：

<div id='logs'></div> Logs, <div id='clay'></div> Clay, <div id='metal'></div> Metal

如何在一条线上完成所有操作？谢谢！

Answer 1

div标记通常会使用新的块，与新段落的方式相同。请尝试使用span标记，或使用css设置div标记样式：display:inline。

javascript代码是下一行的起始值

1 个答案: