JSFiddle 和本地 JS 文件的区别？

Question

我在 JSFiddle 和我的本地环境中运行得到不同的输出。 我只有 2 个文件：index.html 和 slider.js

我的本地文件设置：

asdf$ cat index.html
<html>
  <body>
<div class="slidecontainer">
  <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
</div>
<div id="demo"></div>
</body>
</html>


asdf$ cat slider.js 
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value; // Display the default slider value

// Update the current slider value (each time you drag the slider handle)
slider.oninput = function() {
  output.innerHTML = this.value;
}

但是，当我使用 Firefox 和 Chrome 打开 html 文件时，我看到“演示”值不可见。 宽度为窗口宽度，高度为0，为什么会出现这种情况？

Answer 1

谢谢评论者！ index.html 文件应该是这样的：

<html>
  <body>
    <div class="slidecontainer">
      <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
    </div>
    <div id="demo"></div>

    <script src="slider.js"></script> <!-- important!!!  -->
  </body>
</html>

原来JSFiddle为我们嵌入了javascript文件，但是我们在开发的时候必须自己做。

结果：

JSFiddle 和本地 JS 文件的区别？

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-09-05 02:03:36

JSFiddle 和本地 JS 文件的区别？

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-09-05 02:03:36

解决方案1
1 已采纳 2020-09-05 02:03:36