讲师分配给我的6项javascript任务_Javascript

讲师分配给我的6项javascript任务

javascript

讲师分配给我的6项javascript任务,javascript,Javascript,我是javascript的完全初学者。我也是这个网站的新手。我请求帮助完成一项任务。我已经尝试了4个多小时，通过查看课堂材料和在线寻找解决方案。这给我带来了很多不必要的压力。在javascript之前，我们只使用CSS和Html。我有6个javascript任务来操作已经给我的html文件（taskc.html）。任务如下声明将h1的内容从“欢迎”更改为“文本” 当页面加载时，第二条语句应该创建一个新的警报窗口，该窗口提供一条解释页面内容的消息第三条语句应将标题更改为“文本” 第四条语句应

我是javascript的完全初学者。我也是这个网站的新手。我请求帮助完成一项任务。我已经尝试了4个多小时，通过查看课堂材料和在线寻找解决方案。这给我带来了很多不必要的压力。在javascript之前，我们只使用CSS和Html。我有6个javascript任务来操作已经给我的html文件（taskc.html）。任务如下

声明将h1的内容从“欢迎”更改为“文本”

当页面加载时，第二条语句应该创建一个新的警报窗口，该窗口提供一条解释页面内容的消息

第三条语句应将标题更改为“文本”

第四条语句应该在控制台中记录第一段元素的内容（innerHTML）

第5条语句应该在页面加载时隐藏第二段的内容

第6条声明应更改标题的内容，使其具有您选择的新颜色

这是html

 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Task C - The Document Object Mode</title>
    </head>
    <body>
       <h1 id="header">Welcome</h1>
       <p id="first">This site uses JavaScript</p>
      <p id="second">Javascript is very useful</p>  
        </body>
         </html>

当我把这个代码放在括号里时，我得到了一个错误（文档没有定义）我修改了它以符合任务1的要求给你

document.getElementById('header').innerHTML = 'text';

我很困惑，因为我不知道这个错误意味着什么，当然错误以及如何修复它们从来没有被解释过，所以我不得不查找如何解决错误。我发现要修复它，我必须将它声明为一个变量，所以我最终这样做了

var document = 'taskc.html';

当我对文档、警报和控制台执行此操作时，所有错误都消失了，但当我执行实时预览时，只有语句1起作用

如果有人能帮我解决这个问题，我将非常感激，因为我不了解足够的javascript，无法在合理的时间内完成此操作。

所以首先：请使用javascript函数保持代码整洁

例如：

HTML:

始终实现在html底部引用文档的脚本。如果使用JQuery，则可以使用以下代码检查文档是否已加载：

$(document).ready(function(){
//foo bar
});

您不需要定义

文档

，它是由浏览器创建的预定义变量。这也是我的想法，但我不断发现错误文档未定义，控制台未定义，警报未定义。它们也都是小写。听起来你在解决作业方面进展顺利。。。继续努力。。。。谷歌

javascript onload

你在浏览器中运行这个，对吗？不是像node.js.yes那样在chrome中运行它。

文档总是有定义的，位置不重要。他说他收到错误“警报未定义”。这是如何解决这个问题的？根据这句话，他问为什么文档没有定义：“当我把这个代码放在括号里时，我得到了错误（文档没有定义），我修改了它以符合任务1的要求，这里是”听起来好像是的实时预览功能有问题，而不是他编写代码的方式。
var document = 'taskc.html';

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8">
        <title>Task C - The Document Object Mode</title>
</head>
<body>
        <h1 id="header">Welcome</h1>
        <p id="first">This site uses JavaScript</p>
        <p id="second">Javascript is very useful</p>
        <script type="text/javascript" src="taskc.js">test();</script>
</body>
</html>

function test(){
    alert("This is a test!");
}

$(document).ready(function(){
//foo bar
});