Javascript 函数写入(消息)不工作

Javascript 函数写入(消息)不工作,javascript,Javascript,我正在学习PluralSight JavaScript基础课程,他将此代码输入jsbin的JavaScript窗口(jsbin.com) 函数写入(消息){ document.getElementById('message')。innerHTML+=message+''; } var streetNumber=49; var streetName=“布伦瑞克”; 书写(街道号+街道号的类型); 书写(街道名称+街道名称的类型); 当他预览时,它会写出类型和值。该视频已有一年历史,现在jsbin

我正在学习PluralSight JavaScript基础课程,他将此代码输入jsbin的JavaScript窗口(jsbin.com)

函数写入(消息){
document.getElementById('message')。innerHTML+=message+'
'; } var streetNumber=49; var streetName=“布伦瑞克”; 书写(街道号+街道号的类型); 书写(街道名称+街道名称的类型);
当他预览时,它会写出类型和值。该视频已有一年历史,现在jsbin有一个渲染(而不是预览)按钮。当我输入上述代码并渲染时,我得到一个空白屏幕

我尝试将代码粘贴到.html文件中

<!DOCTYPE html>
<html>

<head>
<!--<meta charset=utf-8 />-->
<title>JS Test</title>

</head>
<body>
  <p id="hello">Hello World</p>
<script>
function write(message) {
  document.getElementById('message').innerHTML += message + '<br/>';
}

var streetNumber = 49;

var streetName = "Brunswick"';

write(typeof streetNumber + " " + streetNumber);

write(typeof streetName + " " + streetName);

</script>
</body>
</html>

JS测试

hello World

函数写入(消息){ document.getElementById('message')。innerHTML+=message+'
'; } var streetNumber=49; var streetName=“布伦瑞克”; 书写(街道号+街道号的类型); 书写(街道名称+街道名称的类型);

然后在IE9中打开该文件,以及最新版本的Chrome、Firefox、Safari和Opera(我的操作系统是Win7)。它们都显示Hello World,没有其他内容。我可能错过了一些非常简单的东西,有人能帮我吗?

您没有消息元素。将
#hello
元素更改为
#message

<p id="hello">Hello World</p>

请注意此字符串末尾的umatched单引号。删除它,您就可以开始了:

您没有消息元素。将
#hello
元素更改为
#message

<p id="hello">Hello World</p>

请注意此字符串末尾的umatched单引号。删除它,您就可以开始了:

原因之一是没有id为“message”的元素。因此,文本没有附加的位置。原因之一是没有id为“message”的元素。所以没有文本的附加位置。嗯,哈哈!!我知道这很简单。你会认为在一门基础课程中,他们会指出这一点(更改id)。同样有趣的是,一个小小的打字错误会使它完全失败。谢谢!!我知道这很简单。你会认为在一门基础课程中,他们会指出这一点(更改id)。同样有趣的是,一个小小的打字错误会使它完全失败。谢谢
<p id="message">Hello World</p>
/*                          v----- This little guy here doesn't belong. */
var streetName = "Brunswick"';