Javascript：将数据存储在变量中。初学者错误？_Javascript

Javascript：将数据存储在变量中。初学者错误？

javascript

Javascript：将数据存储在变量中。初学者错误？,javascript,Javascript,这不是我的代码。我是一个初学者，爱好Javascript编码，我正在使用一本书来学习这个练习。不幸的是出版商的网站丢失了这本书的文件，因此我的问题下面的代码应该在运行时显示str变量的内容。当我运行它时，我只会看到一个空白的浏览器屏幕。我检查过任何明显的拼写错误，但没有看到任何。首先，我创建了一个html文档，如下所示 <html> <head> <title>Variable</title> <script type = "text/j

这不是我的代码。我是一个初学者，爱好Javascript编码，我正在使用一本书来学习这个练习。不幸的是出版商的网站丢失了这本书的文件，因此我的问题

下面的代码应该在运行时显示str变量的内容。当我运行它时，我只会看到一个空白的浏览器屏幕。我检查过任何明显的拼写错误，但没有看到任何。首先，我创建了一个html文档，如下所示

<html>
<head>
<title>Variable</title>

<script type = "text/javascript" src = "variable.js">
obj.innerHTML = str + ":" + typeof str;
</script>   

<body>
<div id = "panel"> </div>
</body>

从我对Javascript的有限知识来看，我猜测输出结果的代码没有被看到，但我不明白为什么或者更可能的是，我遗漏了一些非常明显的东西。缺少的链接在哪里？

您缺少一个脚本标记

<script type = "text/javascript" src = "variable.js"></script>
<script>
obj.innerHTML = str + ":" + typeof str;
</script>


obj.innerHTML=str+“：”+typeof str；

这里发生了很多事情

缺少
缺少
结束标记
缺少
结束标记
调用variable.js的脚本标记和您的variable.js文件中的代码重复


variable.js中缺少obj
变量赋值


下面是要学习的工作代码：
HTML文件
<!DOCTYPE html>
<html>
  <head>
    <title>Variable</title>
    <script src="variable.js"></script>
  </head>
  <body>
     <div id="panel"></div>

     <script>document.addEventListener( "DOMContentLoaded", init, false);</script>
  </body>
</html>

function init() {
    //STATEMENTS TO BE EXECUTED GO HERE
  var str = "Text Content in Javascript";

  var obj = document.getElementById("panel");
  obj.innerHTML = str + ":" + typeof str;
}

学习愉快
 不能将JS代码和JS文件的源代码组合在同一个标记中。一个相关的问题是。所以这个问题是相关问题“链接”部分所有问题的重复。非常感谢。我已经打印出来了，这样我可以在自己的时间里研究它。我想理解它背后的逻辑，因为这是从我的错误中吸取教训的最好方法。谢谢你。我能在编码方面做得更好的唯一方法就是从我的错误中吸取教训，即使这些错误是事后诸葛亮的。
function init() {
    //STATEMENTS TO BE EXECUTED GO HERE
  var str = "Text Content in Javascript";

  var obj = document.getElementById("panel");
  obj.innerHTML = str + ":" + typeof str;
}