ALLISON BUCHHOLTZ-AU： 没事大家。 欢迎回到节。 这是我们倒数第二部分。 它是如此伤心。 我不知道我该怎么办 没有看到你们每星期一。 我想我们应该just-- 也许我们可以只 满足这里吃饭什么的。 我不知道。 我会带食物来代替。 我们只是说说而已。 但是，是的，下周会 是我们的最后一节。 关于这一点，你必须在下周测验。 我知道我忘了做我的一样， 2周提前通知上周， 但希望你们 知道这是未来。 但愿这是最后一个 期中考试为你们的学期。 但它要覆盖所有的 我们已经讨论了材料。 所以它不喜欢你可以忘记 大约四个环或变量。 因为我们了解到 那些在开始的时候， 这些都是很明显 公平的游戏为你的测验。 这将是相同的格式，同一 长度，所以你已经习惯了。 还有的将是 手工编码的问题， 也许有些真的假的， 也许一些简短的回答。 所以你应该 熟悉的格式， 特别是如果你采取 在实践的检验。 但正如我在这里说，这是 累积的，但我们肯定 要被聚焦在 事情的起六周。 因此，我们可能不会 问你有多少字节 在每个类型或 这些各种各样的事情， 但我们很可能会成为 感兴趣的东西像链表， 或者不同的数据结构， 或不同的算法 我们已经讲过了。 所以一定要确保你真的 了这些，如果你 需要什么资源， 这里有大量的资源。 我只是给了你一种 的快速列表出现。 下周将是竞猜 在此期间，检讨。 所以，如果你有任何问题， 或特定的主题， 在测验的具体的事情， 你想去了，请 他们提前发送给我时间让我可以 种准备一些材料说。 而除了这 节评审，我们将 也可以拿着课程范围 回顾像我们做最后一次。 它的将是 由同一人来完成。 我不知道这是否 令它变得更好或更坏， 但它会是我， 汉娜，Davan和加布了。 所以，如果你要来看看 我们所有的戏谑与对方 并引导您完成测验 检讨，你一定要 来，下周一也。 所以你只要有一个周一果酱 包装测验检讨，这是很好的 因为你有周二 处理过的一切。 但绝对做检查 这些资源。 Study.csv.net是迄今为止，我 认为，最有用的， 主要是因为它具有 大量的示例代码， 它拥有所有的电源点 与它所有的笔记， 这是真的是我最画 从我的部分材料。 如果有什么事在以前的 我可能已经派出部分 你可能没有 得到，只是让我知道。 就像上周的示例代码， 如果任何人都没有拿到， 只是给我发电子邮件或来跟我说话， 我会确保你得到那个。 所以用的是，今天我们 要谈论的JavaScript。 所以在这里我们汤米，我是谁 只是说你昨晚。 我喜欢汤米。 JavaScript是他的最爱 语言，他说在这里。 他们会试图告诉你，这是 不是最好的，他们将是错误的。 所以，汤米是一个JavaScript高手。 我不太在他的 的水平，但我当时想， “汤米，我怎么教 这些孩子的JavaScript？“ 所以，我得到了一些小窍门，让 希望他们的工作了。 所以，有两件事情知道的是， JavaScript是一种客户端脚本 语言，因此而PHP是什么 我们认为更多的服务器端， 它被上传到服务器， 编译和执行存在。 执行这一 在自己的机器。 好不好？ 所以，你加载一些JavaScript页​​面， 而且你的机器上执行。 语法非常类似于C和PHP。 我们将通过 JavaScript的一些实例中， 而你要看到， 我们谈论的变量的方式，循环， 和条件都十分相似。 好不好？ 他们是如此的相似事实 可能会绊倒一些你 起来，在某些情况下，仅仅是因为 你会加入的C一点点 那里不应该有。 也许你尝试输入一些东西 当它不应该被键入。 而上，一件事 知道的是，JavaScript的 是一种动态类型 语言，如PHP。 所以，如果你们还记得 从节最后一周， 当我们是那种做 我们的PHP速成班， 我们看到了一个字符串人能怎么会有 变成一个int之一，等等。 你的变量的类型 在运行时确定， 所以他们可能会改变过 该程序的过程中， 并以同样的方式，我们从未 真的申报类型PHP变量， 我们将做同样的 这里的事情，我们是不是真的 控制我们的变量的类型， 可以这么说，就像我们在C. 然后一件事 这是很酷的 你可以错误 通过控制台检查， 与这个伟大的功能 的console.log，这 允许您打印出不同 变量或对象，我们将 谈论的话题。 就像上周我 像“，使用此功能，”有倾倒 从你的PSET这是一个函数 要使用，的console.log。 我很惊讶有多少 学生在办公时间 不知道转储功能。 我当时想，“伙计们，这将 让你的生活变得更轻松。“ 好了，所以这是一种 只是一个简单的事情，一如既往， 我们有例子。 我知道你们爱那些。 因此，这里是一个很的例子 简单的JavaScript文件在这里。 所以它只是要创建 这种弹出，上面写着： 的“hello world”，当你 进入页面，但让我们 试图通过走这一点。 所以，很显然，这只是 喜欢你的正常的index.html。 所以，只要我们正常这里的模板， 我们有HTML，我们有我们的头， 并且就像用CSS，我们如何 包括一些外部文件，对不对？ 我们有一些脚本类型 文本是JavaScript的。 和源是hello.js， 这是到这里。 这是hello.js的整个文件。 然后我们有一些 标题和一些身体HTML 我们真的不关心。 发生的事情是，当我们加载该页面， 它会自动执行该脚本。 好不好？ 所以用JavaScript 自动执行。 所以它会做，这是怎么回事 立刻去执行这个。 而且它会说，“警报。 你好世界。“ 这是警报的功能 实际上产生此框。 好不好？ 因此，它是一种所有活动的内容包括。 没有什么额外的，我们有 这样做除了刚才的警报， 然后不管我们想 在我们的警告框。 好不好？ 所以，这只是一个超级简单 例如什么样的JavaScript可以做。 其中一个很酷 的事情，因为我们将看到， 是，JavaScript允许你 操纵你的网页， 而不必 每次重新加载它们。 因此，如果您want--，例如，如果 您正在上空盘旋的东西， 如果你们曾经有 见过像菜单栏， 或者当你对一些悬停 话题，一个下拉菜单出现， 这是因为JavaScript代码。 好不好？ 所以，你不重装整个 页面获得此菜单显示， 你只是在寻找一些具体的 该用户已采取行动， 这是所谓的事件，我们会得到 成，一旦你看到，你说， “OK，编辑的东西在这 页面，使它看起来不同， 但只有编辑这些具体的东西。 不要重装整个事情。“ 因此，它实际上是更漂亮，和 你不必重新加载页面， 它真的很酷。 所以变量声明， 所以你可以种看， 我把上面这里，松散类型。 所以这是非常像PHP。 我们不需要告诉 JavaScript的是什么类型的我们 期望每个这些变量的给定。 它们可以是任何类型的，我们想要的。 所以，你在这种情况下注意到，我们声明 他们很简单，只需用“VAR” 然后随心所欲 我们的变量名是。 有一点要注意的是，当你 把VAR在变量名的前面， 在本地作用域它。 好不好？ 这对你完全合理 彻底抹去了var 和公正面前有S等于CS50，以及 这将只是一个全局变量。 好不好？ 所以，你可以初始化这两种方法， 只是取决于你想要的。 因此，如果你初始化 它的功能范围内， 并且希望该变量 保持这种功能范围之内， 你要想做的事 像VAR名的变量， 对，如果你想让它 在全球范围，你 可以做的名字 的变量，然后 无论你想它设置为。 好不好？ 这是一种很酷的事情到这里， 因为如果我们看到我们的变量 B开始了为真。 而这是什么does--能 谁能告诉我这是什么呢？ 所以，我们有一些警惕。 什么B型 在开始？ 听众：布尔。 ALLISON BUCHHOLTZ-AU：布尔。 正确的。 然后我们重新分配B 这个字符串，对不对？ 这样的话在这里，有什么B型呢？ 这将会是一个字符串，对不对？ 那么，什么是重要的 通知是，在C，我们 几乎可以永远不会做 类似的东西。 我们得有一个变量， 它转换为别的， 也许做一些功能，用两 我，请从电荷为整数。 但是，如果我们在这里看到，B 很容易变型。 听众：等等，让你可以 像“，使B整数？” ALLISON BUCHHOLTZ-AU：是的。 你可以重新分配B为整数。 听众：真的吗？ ALLISON BUCHHOLTZ-AU：是的。 然后这将是一个int。 所以，你的变量可以通过改变 该程序的过程中也。 它们不是严格类型。 这是非常松散类型。 好不好？ 基本上你的变量可以为所欲为 他们希望，因为我们种看到的PHP。 他们可以做一些疯狂的事情，所以 是相当小心，这很重要。 以及命名您的变量。 如果你做的不是突然，所有的 你要像， “等等，我认为这是一个 字符串，而现在它是一个int， 我真的不知道 这是怎么回事了。“ 因此，这是只是一个简单的例子 显示如何变量可以轻松 改变其类型超过 程序的过程。 好不好。 所以这应该是 超级，超级熟悉。 因此，这些都是我们在JavaScript中循环。 它们是完全一样的，除了 而不是四个INT I等于零， 我们可以只说无功我等于零。 然后，我们可以有我们的同类 的情况下，同类型的更新， 我加再加上工作得很好。 所以四肢是相同的， 消遣是相同的， 做消遣是完全一样的。 同类型的通用格式。 我们注意到，四，括号， 括号，这都是一样的。 也将有分号 当我们到了示例代码。 你会看到它是相当 大致相同为c。 对于函数声明， 再次，非常相似。 我们有一些功能，仅仅 说，这是一个功能，然后 的名字我们 功能，和输入。 并再次，如果我们注意到，我们 没有此类型的任何。 对不对？ 我们什么都没有说这些 必须是整数或双打，或浮动。 他们可以为所欲为。 重要的是注意到该 我们需要预先编写函数 让JavaScript的知道， 这其实是一个函数。 所以，这只是一些简单的相加 函数返回x或y， 然后什么也很酷 是，你实际上可以 分配的功能的变量。 所以在这种情况下，总和是现在 函数实际上做总和。 所以，如果你在这里看到，我们有 功能，函数名，输入。 对不对？ 在这里，我们只是功能和投入。 所以，这就是所谓的匿名函数。 这是什么，应该是新的 大多数的你们，如果不是你们。 所以基本上是什么 意思是，我们不这样做 需要以我们的名义 功能在这种情况下。 我们只能说，“OK，我要去 有此功能的执行，在这里 是它的输入，和这里的 它会做。“ 尤其是当你分配 一个函数来一些可变 你要去处理， 你不一定 需要把它的名字，因为 你会是指 它由该可变 名称，而不是由任何 该功能实际上是调用。 好不好？ 所以，如果我们在这里看到，我们 有一些变量之和现在 这等于 之3至5。 我们会得到这一点。 而这也只是有一定的警觉， 三加5等于数。 这再加上只会串连 无论我们的答案是到字符串。 也很酷，再加上可以连接字符串。 对于JavaScript的，与PHP， HTML和CSS正如我们所说， 它的很多我们种取 训练车轮在这里下车 和你们有很多专门技术 如何真正理解这些东西。 他们是略有不同， 但他们没有这样的外国 而且，你不能谷歌的东西或 与W3号学校网上找一找。 而我们真正期待你 家伙来样，实验 并了解你自己。 所以，我知道这似乎有点 比一些的C东西那么彻底 我们这样做，但实际上是有原因的。 但希望这不是太 不同，它不是压倒​​性的。 因此，在JavaScript数组， 再次非常，非常相似。 对不对？ 我们有一些变量数组 这等于空的方括号， 而这只是一个空数组。 这通常被称为 文字数组符号。 这只是一件事情，我们把它叫做。 如果我们看到阵列中的两个在这里，我们有一些 字面数组有三个要素， 对不对？ 然后我们有一些 VAR第三元素是 一些变量，只是 将要举办这个字符串，JS。 元素，好注意， 用逗号分隔， 就像我们所期望的。 你也可以访问这些，因为我们没有 在C，这个指标符号，对不对？ 因此，从不同的PHP 现在，我们要回 只是种参考 事物通过索引。 就像C，它也是零指标。 我觉得这将是非常残酷 如果他们突然作出的JavaScript 1 索引，你必须彻底 重新思考你如何看待阵列。 一个很酷的事情是，而不是 具有假如你曾经do-- 想要的阵列的长度， 也许你通过它遍历 直到你找到一些终端，或 你只知道它是什么。 因为JavaScript是非常宽松更多 方法不仅仅是类型，我们在这里看到， 我们只要让这个数组 更大，因为我们决定。 如果我们注意到数组3 有三件事情开始， 但随后突然， 我在想，“哦，只是在开玩笑。 我们究竟要 使它101的东西。“ 所以，如果你想知道 你的数组的实际长度， 你不喜欢这样。 我们将看到很多 此表示法中的例子中， 但使用JavaScript 它通常什么 你在谈论的对象 点什么样的功能 要应用于它。 好不好？ 所以在这种情况下，我们的 对象数组二， 和我们说，我们想要的 长数组两种。 因此，这只是调用就像是在这个时间。 而这将返回您的长度。 也未尝需要注意的是 如果我们发现我们的阵列， 不像C，他们没有 是所有相同类型的。 这更像是PHP。 JavaScript是基本上一样， C和PHP的这个有趣的MELD。 因此，我们将进入这一点。 现在，让我们姑且 你的阵列基本上 像C数组，在 他们是零索引。 好了，那就是一切。 你也可以扩展一个 数组索引任何你想要的。 而这很可能赛格 故障你或给你一些错误， JavaScript是一样，“不，这是很好。 我得到这个。 我们就直奔 要在哪里“。 好了，对象是非常重要的。 你们将使用大量的这些 在P组，如果我没有记错。 所以事情，这些都是 类似于C的结构。 所以，你能想到about--时 我们去一个例子权 在此之后，我认为它会 做了很多sense-- 但我们基本上是用对象 组织过程中的相关信息。 当我们谈到 结构在C，我们常常 谈学生谁有一些名字， ID，房子，你知道的，浓度。 这就是那种同样的事情 我们使用对象这里。 这只是组织 类似的信息。 你也可以认为这是更 类似于关联数组在PHP。 因此，这将是怎样的事情 在这里我们有一些关键的一些价值， 非常类似PHP。 所以，你可以初始化一些 空对象，因为我们看到了这里， 只需用花括号。 所以数组方括号。 空的对象是大括号。 良好的区别有。 而这些都只是两个不同的 方法来设置属性。 因此，这是一种 得多的方式 类似于PHP，我们 关联数组，与我们的关键， 与我们的价值，而 这个is--你会 看到这个有很多更在JavaScript中。 这往往是惯例。 并以同样的方式，我们做 阵列中的两个点的长度，这是说， “OK，给我这个 这个对象的属性。“ 对不对？ 所以，以同样的方式就好像，“给我 属性长度数组两个，“ 这是说，“给我一些 我们的空对象的财产。“ 或者在这种情况下，我们有 这里分配给一些值。 但你也可以访问这种方式。 然后在这里这只是 显示两个不同的警报。 因此，这将显示警报 将是完全相同的， 这只是两种不同的方式 访问我们想要的元素。 这是否有意义给大家？ 我觉得像这样的 可能更有意义， 只是因为我们度过了PHP的。 但是当我们做更多的例子，这 是字面上完全相同。 很多它只是改变语法。 OK，所以例子。 我爱的例​​子。 因此，这里是一些CS50 变量，它是一个对象， 我们保存这一切 关于它的信息。 所以我们当然有，教练， TFS，pset时，和录音。 因此，我们注意到这些几乎 所有不同类型的。 对不对？ 所以，对象可以存储 不同类型的属性。 我们能想到的this--这是非常 类似于我们在PHP关联数组。 左右键，值，键，值， 键，值，等等，等等。 什么也以同样的方式吸引 我们可以有数组的数组内， 我们还可以有内的对象 对象，数组或对象中。 你从来没有真正限制 只是事物的一个。 我们可以得到非常Inceptionesque，只是 不断下降的兔子洞在那里。 因此，如果我们注意到，我们 有一些课程， 是一个字符串，教练，这是一个字符串， 和数组，一个int和一个布尔值。 因此，所有的这些不同的事情。 好了，所以，我们有另外一个。 因此，在这种情况下，我们有 对象的数组。 所以就像一个对象 可以具有在它的阵列。 我们也可以有对象的数组。 这可能是有用的，以 想想类似那种 如何我们有一个哈希 表中，我们有一个数组 所有这些不同的 类型结构的说 是指向不同 节点和诸如此类的东西。 但在这种情况下，我们 有对象的数组。 因此，这就像一个数组 的关联数组。 因此，我们有一些第一个元素会 与名詹姆斯对象 和众议院温斯罗普。 你们可能还记得 东西非常相似，这 与你最后的pset，那里如果你 拉从数据库的东西， 第一类 在你的阵列的事情是 所有有关信息 能够满足它的第一个用户， 然后你不得不指数成 得到他们的股票或者其缓存 或者诸如此类的东西。 所以这是非常相同 的事情，只是一个小变化 在语法，点点变化 的话，我们用它来形容他们。 因此，如果我们想要的，谁能告诉 我这是什么警报会在这里做？ 还是什么的该位 代码会为我们做？ 观众：它会给你所有的名字。 ALLISON BUCHHOLTZ-AU：对，所以它 只想提醒所有的名字 因为它会通过 山寨我，所以它会从零开始。 所以它会说，好吧，我们正在寻找 在此第一个目的，这 在我们的数组的第一个插槽。 它说，“给我 属性，该对象的名称。“ 所以，我们去这里，我们就 扫描时，我们会发现名字， 我们会打印出 詹姆斯，莫莉和卡尔。 有任何疑问，这么远吗？ 不幸的JavaScript 你会是 做了很多的期待上你 自己，找出语法， 努力解决它。 但当然，我一直在这里， 办公时间一直在这里。 这一周，我可能是在星期二。 所以，如果你在那里，你可以 来探望我这个星期。 这将会是巨大的。 OK，所以DOM是文档，对象模型。 所以这只是一种方式 我们这样想 关于我们如何HTML和一切 在它的组织方式。 这是非常多的东西 可能会拿出你的测验。 我知道我的一年，它像这里的 HTML文件，填写DOM它。 而你只需填写小事。 这些应该很容易点希望。 希望你会see-- 观众：[听不清] ALLISON BUCHHOLTZ-AU：那么 你在这里看到这棵树？ 听众：是的。 ALLISON BUCHHOLTZ-AU： 因此，他们会问使用 填补了身下发生的事情。 也许身下，我们有一些 div的或者我们有一些段落， 我们会要求您填写 一棵树非常喜欢这一点。 因此，我们将通过它走。 因此，文档，对象 模型只是一种方式 构建和思考 我们的HTML图形。 而且当我们得到 到更多的JavaScript， 这将是 其实办法，我们 操作不同 页面上的元素。 我们需要一种方法来访问每个 的东西在我们的HTML， 所以这给了我们一个非常 具体的标准化方式 在不同的网页来做到这一点。 所以，如果我们只是穿行 这这里，当然 我们的文件就像是我们整个文件。 这显然​​是有道理的 它的最大的事情， 然后我们有我们的实际HTML， 这相当于在这里此标签。 此外，如果你的缩进你的标签 正常，然后创建这个DOM树 变得超级简单。 所以，我们在这里有一定的头。 我们有一些身体 我们看到过干的HTML， 这就是为什么我们有头部和身体。 在头部，我们有一些 标题标签，结束标题标签， 所以我们知道，来的头后。 而在我们的标题标签， 我们有你好，世界。 好不好？ 所以这是这整个左手分支。 然后换右手支 在这里，我们可以看到，我们有HTML， OK，我们已经做到了这一点头部， 我们正在寻找的只是身体， 因此，我们有一些身体部位。 和范围内的，唯一的 我们拥有的是你好，世界。 好不好？ 如果我们有像的东西 一些支架p和然后 你好，世界，然后又 再见支架P，世界， 我们将有两个泡沫 脱落的位置。 因为他们都是身下，但 他们是独立的段落这种情况下。 肯定是有实践 对在以前的测验， 以及它在网上很多。 OK所以，这只是让 我们看到的一切很好 和操纵的东西 很系统。 好不好？ 我们知道如何 遍历这棵树， 所以我们知道我们想要访问。 OK，所以这是为什么我们要 具有这种模式， 这样我们就可以使用这样的事情， 我们明白他们的意思， 而且他们的标准化 在所有的事情，我们做的。 因此，文件标题点就是 our--的标题所有这些 是相当自我解释， 我常常这样想。 所以前三 例子只是说， “OK，只是给我 本网页标题“。 所以，它会给你什么 对应的称号。 文档点的身体去给你 无论是那些身体标记内。 所以，你可以操纵的。 和文档圆点点阵体 输入HTML是一个非常酷的， 也许并不像超 直观，但内部HTML 对应于这里这个权利。 所以，如果你曾经想 操纵文本页面上， 通常你会做 一些与身体内点HTML。 好不好？ 所以内部HTML往往是指 实际上是什么，这些标记之间。 好不好？ 然后有用的功能。 所以，如果你想获得 任何这些，任何元件， 我们有一些标识，类 名称或标记的名称。 这是非常相似的 事情我们做与CSS，对不对？ 在这里我们有一些选择的 对应于任一个标签，一个类 我们给他们，或一个ID。 这是非常相同的方式。 如果你有什么事情， 有一些类狗， 和你说得到了标记名称的元素， 你把狗在那里 - 或遗憾， 类名。 你可以把点在那里。 这将返回所有那些 有该类元素给你。 所以，你可以操纵只是那些。 以同样的方式，也许你只是 要操纵一些头，所以 一些H1的头，像我们一样。 你可以做得到按标签元素 名字，因为H1是一个变量名。 并以同样的方式，如果你想获得 一些独特的东西，你可以做得到的标签。 通过id来获取元素。 他们实际上是很多的这些。 这些都只是像三个非常多。 所以，如果你在网上去，因为 我会鼓励 你做，并做一些 对自己的研究， 我绝对推荐 寻找到所有这些。 他们可能是超 是有用的，特别是当 你想只是一种操纵 无需非常具体的事情 要经过，并尝试 解析出一切。 好了，过去的事情 是JavaScript事件。 所以，当我前面说的 关于去到一个网站， 而当你在徘徊的东西， 或者您的鼠标悬停在东西， 别的事情发生。 这就是我们想要 想想作为一个事件。 所以，我们有实力 有用这里的onclick。 所以，我的是悬停，我这， 很肯定，只是悬停。 同样是一吨，这些 你可以看一下。 有一个整体的名单在网上 不同的东西 你可以听的。 但是JavaScript的事件 基本上只是回应事情 您的用户在做什么。 对不对？ 所以，你的用户做 什么东西，这是一个事件， 和JavaScript将响应 但是你会喜欢它。 它会作出相应的反应。 因此，在这种情况下，我们有 一些窗口点的onload。 所以，这是什么说的是，“等待 直到窗口的加载“​​。 好不好？ 所以，当一切都装，onload事件， 那么你就可以执行此功能。 所以，当一切都 加载，你会 有一些搜索按钮 通过ID获取元素， 它打印了什么 元素是作为搜索按钮。 然后我们有这个变量， 我们说，“OK，的onclick。” 因此，当我们听到咔嗒声 上的搜索按钮， 执行此功能，这是一个 警觉，你点击搜索按钮。 所以会发生什么is--这是一个很好的 这里的小图形表示。 因此，我们的文档载入， 这是我们的onload， 我们发现我们的搜寻 按钮，这是这样的。 我们正在寻找我们的搜索按钮。 然后当搜索按钮 点击，它对应于这里。 的onclick。 然后我们终于提醒我们的用户， 这是在这里最后一行。 好不好？ 所以，每个这样的四步刚 对应于四盒 那里的底部。 这是否有意义给大家？ 然后一件事，我只是去 更何况非常非常简短，我 鼓励你们到 去看看更多的是进 jQuery的，这仅仅是一个库 这是建立在JavaScript的顶部。 它是超级有用的，因为 和大多数库。 有很多的功能。 所以，如果有过的东西， 你想在JavaScript中， 你的第一直觉 不应该去思考 对“什么功能应该 我的代码？“这是应该的， “让我看看谁家 已经做到了这一点给我。“ 由于十之八九的， 有人会做它已经， 他们可能做得更好。 人们花了很多时间做这些， 和JavaScript非常广泛的应用， 所以人们不断 试图使它更好。 和jQuery有很多功能 这可能是对你有用 在最终的项目，如果你 做网页设计的任何东西。 正如我喜欢说，“工作 更聪明，而不是更辛苦“。 如果你们这样做，这将是巨大的。 当我们在黑客马拉松我不 希望你是所有的压力太大了。 我希望你能喜欢，“我得到了 这一点。 jQuery的气死我了。 我不需要写这些功能。“ 所以只是两件事 还记得，我要去 让你们看起来更 到jQuery的你自己。 所有我要说的是它 做一些漂亮的东西真棒 并且可以使你的生活 轻松许多。 但是你要什么 拥有的是什么文件 那你要使用它， 你会想这两条线。 你会想 JS的jQuery的点JS脚本。 而实际上你的源 将是一些URL。 如果谷歌的jQuery，谷歌 实际上承载所有的文件给你。 所以，你一定要 输入的URL来代替。 我只是把这个在这里 为了简单起见。 这一切都意味着是在哪里 找到你的jQuery库。 这是巨大的，所以你不想 举办​​它自己的计算机上 如果你能避免它，这就是为什么我们 往往只是把谷歌的网址是 托管所有这些文件给你。 好不好？ 你Google一下，我保证 这将是在那里。 然后什么 你是JavaScript文件 使用，所以这只是一些外部 JavaScript的，你正在使用的文件。 在我们链接到我们的CSS以同样的方式 文件，这是同样的事情。 这只是链接到文件 在您的JavaScript是。 我有一些例子 用简单的JavaScript。 所以我们会做的时候。 然后在你的JavaScript指数， 这是你的JavaScript文件在这里， 这是种包装的 你有jQuery的。 你几乎99.9 时间去百分比 有这个在index.js文件。 由于这是什么说的是， “不执行任何东西 直到你的文件实际上是 准备好了，“这正是你想要的。 因为如果你的文件还没有准备好， 和jQuery开始做的事情， 它只是一个烂摊子。 所以，你总是希望有这样的包装。 然后换东西去那里，我 要离开你的球员自己详阅。 好了，有没有什么问题的权利 现在关于JavaScript有什么看法？ 或DOM模型？ 如果没有，我们有一些很酷 例子，我们可以通过， 那你们可以帮助我的代码。 但我也将是 超好听的，如果你 不想说什么 对于这些，这很好。 我也可以只给你例子。 但在任何 PowerPoint演示之前，我们继续前进？ 酷。 我觉得你们需要的能量。 因此，我认为我们将开始 与我党的第一个例子。 我们有三个例子， 你有你的选择。 因此，我们有时钟，我们要去的地方 实现一个实际的时钟是 要更新随着时间的推移。 我们这个伟大的Twitter的功能。 This--你知道吗，坚持下去。 我们将让这个消失。 巴姆。 好不好。 我们这个伟大的Twitter功能 在这里，that--我知道，对不对？ 这将是巨大的。 是你们激动吗？ 即是要计数的数目 你已经离开了字， 所以，如果我输入正确的现在， 显然还在说140， 但我们知道，并非如此。 然后用我们的最后一个 在这里，请点击这里聚会。 什么将要发生的时候 我们点击，背景的 会改变颜色。 所以，你们有自己的选择 你想先做哪一个。 我保证我会接受它很容易对你。 我觉得每个人的那种 只是很低调今天。 所以，我将向您介绍如何 我们将实现所有这些。 如果你想帮腔 在，这是伟大的，但我 感觉每个人都有点累了。 所以我就带你 通过这些实施例。 难道我们有什么事情， 我们想先办？ 任何人吗？ 没有偏好？ 好不好。 你知道吗？ 我们党。 我觉得你们需要一个little-- 所以，我们首先要做的一方之一。 好不好。 所以，我们这里 - 这是 不应该在那里。 现在，这是很好的。 好不好。 所以，我们在这里是 只是一个简单的HTML页面 那你们应该都是超 熟悉从过去两年的pset。 我们有我们的文档类型在这里。 每个人都可以看到什么？ 好不好。 酷。 很明显，我们有我们的HTML。 我们有一些标题是 链接到一个样式表 只是做我的字体漂亮，大和大胆。 所以不要担心。 我们有一些机构， 一个Id的背景下，OK？ 因为我们将要 改变背景。 所以，当我们正在改变 我们身体的背景下， 我们从两个星期前记得 当我们正在处理的网页。 所以好有。 我们有一些ID等于派对。 这ħ参考一斤只是意味着 它会去到同一页。 然后点击这里聚会， 这就是为什么当我们点击它， 它应该改变颜色，令人欣慰。 然后我们有一些脚本，在这里， 只是链接到本方点的js 文件，这是空的，因为 我们没有做任何事情。 而且它是如此伤心。 但很快，它会改变 颜色，这将是真棒。 所以，我只是走你们 通过我们如何处理这个。 所以，第一件事 我们可能想要做的， 如果我们改变的背景 人体的第一件事，我们可能要 做实际上是抢 什么样的身体，对吧？ 因此，我们希望有一笔，我们的 背景，如果你注意到， 我只是自动刚开始打字。 没有什么特别的，我们 需要做我们的JavaScript文件。 我可以开始声明变量， 并宣布随机函数。 而且它更自由的形式。 这就像用C，我们给大家 这些硬性规定，你长大了， 所以我们想，“出去​​。 是自由的。 做你想做的。“ 而这正是JavaScript是。 所以，我们在这里有一定的背景。 与我们的DOM模型，我们知道我们 可以做文档点得到的元素， 如果我们在这里看到， 我们的身体有一个ID。 对不对？ 因此，我们可以通过做得到的文档 ID，这里是一个简单的问题。 什么是我们的ID，我们要在这里？ 听众：背景。 ALLISON BUCHHOLTZ-AU：背景。 完美。 和分号结尾。 这并没有消失呢。 你仍然需要你的分号。 好不好。 所以这是我们的第一个。 当我们点击的东西，我们 想要的东西发生，对吧？ 所以我们可能需要一些变量 这是等待一个点击。 我们现在要做的是我们要 使我们的联系更加类似于一个按钮。 因此，我们将有一些按钮 等于记录点凭身份证取元素。 如果我谈论 点击链接或点击这里聚会 链接，什么可能我的身份证在这里？ 党。 正确的。 OK不算太差至今。 每个人都得到了什么，我们正在做什么？ 好了，现在我们有 按钮，我们希望 当我们点击它的东西改变。 所以，如果我们从PowerPoint中记得， 很简单的事情，我们能做的 只是按钮的onclick点，对不对？ 而这将等于某些功能。 这是一个匿名函数。 而这只是as--其实我 要实现这种大些。 所以，我只是做了 这里我要说的，OK， 当我们点击我们的按钮，这是 这个环节我们刚刚提到的， 我们要执行 该匿名函数。 我们不需要任何投入。 我们不关心什么用户说。 当他们点击它，我们 打算做任何我们想做的， 这是改变背景颜色。 好不好？ 所以这就是为什么我们没有任何投入， 我们只是有这个匿名函数。 现在我们实际上会 写此功能。 因此，有一堆你的方式 可以生成一个随机的颜色。 我做的方式，它是 生成三个随机数 并将它们转换为RGB三。 所以，这正说明你一些很酷 事情，如果你喜欢，“哦， 我需要生成一个随机 数量。“如果你用Google搜索它， 这是你会发现什么。 因此，我们有三个不同的 事，VAR，不要再红，绿。 对不对？ 因此，这些都是三个 事情让一个颜色。 蓝色，红色和绿色。 酷。 而我们能做的是，我们知道 它必须是255之间， 如果你查阅了​​一些 随机数发生器， 你可以得到像数学 点随机的，如果你看这件事该 返回到一定数量 之间零和一。 好不好？ 什么数尽 与RGB三元去了？ 零点什么？ 又能上去？ 255。 因此，如果数学随机点 0和1之间的推移， 怎么可能，我们要转换呢？ 听众：时间？ ALLISON BUCHHOLTZ-AU：是的，没错。 所以时间是255。 观众：[听不清] 这就像[听不清]。 ALLISON BUCHHOLTZ-AU：数学点随机的。 听众：酷。 ALLISON BUCHHOLTZ-AU：是的。 JavaScript的只是需要你照顾。 好不好。 因此，我们可以做到这一点为所有这些。 对不对？ 数学点随机时间255。 复制。 酷。 所以，问题是，这可能 不会返回一个整数。 对不对？ 也许我们得到了一些号码 0和1之间， 它导致它稍微 断，并且我们的位RGB不能浮动。 他们需要的是整数。 所以，如果你尝试这样做，它很可能 有一些反常行为。 这将是一个有点古怪。 所以，我们做的是我们要 确保这些四舍五入， 你可以圆两种方式。 我倒圆楼。 所以我一直确信 它舍去。 多么简单，但要关闭它 是只得到一个随机数， 您怎么看我们 地板可能这个​​数字？ 这是非常相似的。 任何想法？ 所以，如果随机只是数学点 随机的，所以你认为我们会做地板？ 数学圆点地板。 而且你还可以做数学点上限。 一轮是种暧昧 因为你不 知道是否围捕或向下取整。 所以，通常我们总是做数学 点楼，数学点上限。 但honestly-- 听众：请问地板一轮下跌？ ALLISON BUCHHOLTZ-AU：楼几轮下来。 而这仅仅是我的一部分的选择。 所以，现在我们有三个数字 已随机产生的， 而我们现在要做的是我们 只是要改变背景。 好不好？ 因此，我们已经有了我们 种背景存储 在此元素被称为背景。 所以你会发现，如果 你有这个发挥各地， 我们要改变风格。 这是种东西 您将谷歌和弄清楚， 怎么样来改变颜色。 但你访问的方式这个颜色 背景点缀式的点背景。 因此，这是说给 这个对象，背景， 这指的是 元素的ID在那里， 我们要去看看 款式风格之内， 我们要看看背景。 好不好？ 如果你去看看这件事， 它可能使更多一点意义， 但这基本上只是说， “给我这个非常特殊的属性 什么我刚才定义的“。 所以，我们正在改变它是 一些RGB，因为它是有道理的。 我们使用的是RGB三元组，对不对？ 我们have--我想确保我 在这里得到的报价权数。 所以，我们要做的是，我们有 RGB，我们要去 to--这就像 级联，这是红色。 然后，我们需要一些逗号。 然后我们要加绿色， 然后一些逗号，和一些蓝色的。 所以这些长处只是 意思是像串联。 所以，这只是创建这个 字符串，它的内部RGB下去。 好不好？ 观众：[听不清]然后加 绿色加那么红。 ALLISON BUCHHOLTZ-AU：是啊， 因为我搞砸了起来。 一个人的罚款。 哦，坚持住。 第 因为我需要确保 我得到了所有这些权利。 所以我会在UNO时代报解释。 绿色，蓝色，完美。 现在，我完成了。 我相信。 好不好。 所以，这是什么，是背景 将要被设置为某个字符串。 对不对？ 这就是我们在这里。 这将是一些RGB 255逗号 255逗号零，或任何号码，你 有有。 因此，我们在这里做， 我们有一些字符串。 而我们想要做的，就是我们 种动态创建 当我们真正运行这个程序。 所以这是一些字符串。 加配符连接它 红色具有的价值， 它与一个符连接它 逗号，这符连接它 什么是绿色的，而 等等，等等。 好不好？ 直到最后，这是 关闭此RGB的括号在这里。 好不好？ 那么，什么这将 产生一些命令真的 即三个数字的RGB 这样的背景现在设置为。 好不好？ 所以，让我们来看看，如果这个工程。 我希望这样做，因为如果它 不，我要成为真正的悲哀。 哦，不。 OK，坚持住。 绝对的背景 点阵风格的圆点背景。 我肯定失踪 有些事情小。 你们不恨？ 当它只是一个小的小错误？ 全能背景。 RGB。 观众：[听不清] ALLISON BUCHHOLTZ-AU：没有。 课前我试过了。 我拥有的一切之前，我做了 类情况下，我很喜欢， “等一下，我做了什么错？” 因为我当时想，“我很可能会 搞砸在某个时候。“ 再加上绿色。 一切看起来像它的 正确地连接起来。 好不好。 观众：[听不清] ALLISON BUCHHOLTZ-AU：哦，你去那里。 这就是我需要的。 你看那个。 蒂芙尼抢救。 完美。 好不好。 现在，让我们来看看它的工作原理。 哦，我的上帝。 好不好。 坚持，稍等。 听众：第二个加后空间。 ALLISON BUCHHOLTZ-AU：哪一个？ 哦，等一下，等一下。 空间磨损？ 听众：二加在 绿色的拼接。 ALLISON BUCHHOLTZ-AU：哦。 听众：有没有空间 加之后，是的。 ALLISON BUCHHOLTZ-AU：你 不用说，但是 - 听众：哦，你还不知道？ ALLISON BUCHHOLTZ-AU：它看起来很漂亮。 听众：OK。 好不好。 ALLISON BUCHHOLTZ AU： 让我们来看看，如果这个工程。 好不好。 我显然没有在 本演示中，这让我想起了 在一周的讲座中， 但我知道这会工作。 我知道这会工作。 如此接近。 除非我不小心删除 我的脚本就这一个。 不，这是党的圆点JS。 OK举行。 我要复制这一点，我也 只是要删除一切， 因为我有这个工作较早。 我保证它的工作原理。 如果没有，我会告诉你什么是汤米的是。 和那里。 听众：你引用方 点CSS，这是一个聚会点的js。 ALLISON BUCHHOLTZ-AU：啊，好 这里是一方点JS。 OK，我做了什么不同？ OK，我们会看到，如果这个工程现在。 巴姆。 所以，我不知道我做了什么不同， 但是这是应该发生的。 还挺酷。 我点击这个一样，永远。 但我们可以尝试，看看我做了什么 不同的是这一次了。 我不知道你们这些家伙，但这 看起来基本上是我刚写。 有可能是一个缺失 分号的地方是我的事。 其实之后，我觉得我失踪 分号在这里其实。 但我无法看到它，因为 它是关闭屏幕。 但是，如果我们注意到，这是相当 很多正是我只是写。 我想大概是最难的部分 这仅仅是种这个东西吧 在这里，理解 它在做什么那里。 这些事情你学习 真的只是通过谷歌搜索和诚实 只是尝试。 如果你觉得有一些 属性，有可能是。 所以，试试吧。 看看会发生什么。 正如我所说的，有很多的 实验用JavaScript， 和PHP，以及所有 的东西，尤其是CSS。 这是唯一真实的 的方式来理解它。 OK，让惨败与党后， 点JS，我们有两个选择。 我们有时钟或Twitter。 他们都是有趣的。 也许不是很好玩的派对， 其中有一个很酷的小选通 在最后的东西。 难道你们有什么偏好？ 听众：时钟？ ALLISON BUCHHOLTZ-AU：时钟？ 好不好。 酷。 所以，再一次，我们有我们的 空的JavaScript文件。 正如我们在这里看到，我们 有一些非常简单的HTML。 我们有我们的样式表，只是 格式应该是什么样子。 我们有我们的div 时钟的ID，这 只是说，“这应该是一个时钟。” 我们有我们的链接 我们的JavaScript文件 这实际上是将 我们产生时钟我们。 因为很酷的事情是，你可以 JavaScript的设置自动刷新 本身。 好不好？ 因此，而不是等待 用户打一个页面上刷新 这样就可以得到 更新时间，JavaScript的 但它喜欢可以更新它。 所以，我们最后一次，我们希望 访问我们的背景，对不对？ 所以，你觉得可能是 我们要在这里做的第一件事情？ 种，如果我们要关闭 这种模式在这里的？ 我们可能要 访问我们的时钟，对不对？ 因此，我们有一些变种 时钟，它equals-- 什么我们认为这将是？ 文档点获得元素by--我也 爱Sublime-- Id和我们的编号是时钟。 分号。 必须确保获得 那些分号此时， 因为我觉得这样的 是问题最后一次。 OK的话，我只是说，试图 有JavaScript的刷新自己， 有这个伟大的功能，我 知道它派上了用场，去年， 我不知道它派上用场此 PSET，但它被称为设定的时间间隔。 其实这是真的 冷静，如果你们做任何事 随着时间的推移或得到 更新的信息。 在作最后的一个网站 项目，这可能是 你想一个函数 得到超级熟悉。 那么，什么设置的时间间隔确实是 我们要去给它一个功能， 以及多久它应该 调用此函数。 好不好？ 所以在这种情况下，我们只是要 再次创造一些匿名函数， OK，这是会得到 我们的约会，我们的时间， 然后更新的东西，并显示它。 所以我们担心。 我们会喜欢这里产生时钟。 但是，我们需要的是怎样 经常刷新。 因此，在这种情况下，它只是毫秒。 因此，我们只是要 做100毫秒。 当然，完全是任意的。 如果你想它来更新 速度要慢得多，你可以。 我们可以四处乱 与设定的时间间隔， 有多大我们的间隔后，我们得到 工作时钟，希望我 到达。 所以，这只是说，“OK，通话 此功能每100毫秒。“ 好不好？ 这就是它。 因此，我们希望我们的功能 做的是，我们希望有一些日期 还有一些时间是什么 我们将有。 因此，我们可以开始我们 日期等于什么， 而我们的时间等于什么 我们还不知道。 或者实际上，我们只需要日期，因为 日期是要包括一切。 同样，如果你只是谷歌任何有关 你想要做什么，如果你写的，“OK， 我想要得到的时间 通过JavaScript，“它 会给你这个伟大的 函数调用获取日期。 从字面上看，大多数事情 你想要做的， JavaScript是将有 它已经为你做。 所以它的字面像新的一样 获得的日期，这是creating-- 或新的日期，rather-- 在产生 一些对象，表示一个日期。 而我们要做的就是在这里 这is--我打算写这个， 然后说明它做什么。 所以，我会确保我得到这个权利。 好了，这是什么功能 的确，是我们只是 创建HTML这实际上 我们去DIV时钟ID中去。 那么这究竟是什么将做 只是产生一些字符串，OK？ 即接着将是 移植到我们的HTML。 基本上，它要做的是 无论we--什么，我会告诉你 是，无论我们说HTML是， 我们要在这里替换该文本 与任何HTML的。 所以，这是怎么回事，让 我们改变时钟点 被这只是HTML文本 应该是一个时钟，实际上表示 我们关心的数字与事 一下，实际上是点。 所以，我们要做的是我们 要开始产生这个HTML。 因此，我们所用的相同的方式 做加等于为整数， 你现在可以做的字符串， 但它会来连接它们。 对不对？ 正如我们看到党的斑点JS，这只是 符连接所有这些东西放在一起。 所以，你可以连接不同的位 HTML的变量，或字符串位 你写出来 自己，这只是 真的允许你动态 生成HTML，这是很酷。 所以，如果你有什么 非常具体的用户， 这可以让你做到这一点。 因此，我们有HTML，到我要去 尝试，并确保我得到这个权利。 因此，我们打算做一些H1头。 那么是什么在这里实现是很重要 是，这其实只是HTML。 对不对？ 我们正在写的实际 这里的HTML代码，它的 不只是一个字符串中的正常 我们会想想办法。 所以，我们有一些HTML。 这被认为是一个字符串，在这里虽然。 而我们做的日期dot--我们 希望得到我们的时间。 同样，如果你看 上涨约约会什么， 它会告诉你，这些都是 属性的日期了。 这里是你可以在上面使用的。 所以它可能有类似的东西 拿到小时，并获得分钟， 并获得秒，并获得毫秒， 谁知道还有什么他们。 但是，如果你看看 文档，它都在那里。 所以我们必须得小时， 然后，我们希望 来连接该with--我 要推动这一在这里。 所以，如果我们产生现在，我们 实际上产生的时间，对吧？ 我们有时间，然后什么 小时和分钟之间？ 你有一个分号，对不对？ 因此，我们要在这里做一些分号。 然后，我们希望得到我们的 分，所以以相同的方式 我们有最新的点得到小时， 怎么可能我们得到分钟？ 这是字面上点的截止日期得到 分钟，那种我喜欢的。 这就像，“哦，怎么样 让我的分？“ 我只是让我几分钟。 好不好。 然后，我们在这里有另外​​一个冒号。 然后如果我们想要得到我们 秒，我们如何让我们的第二个？ 日期点缀得到秒。 我认为这是很酷。 什么是重要的 意识到的是，我们还 这里需要关闭我们的HTML标签，因为 它应该仍然是有效的HTML，所以H1。 酷。 所以在这之后，我们可以做的时钟 点内HTML等于HTML。 好不好？ 所以请记住我是怎么说 内基本HTML 无论需要之间的 两个标签，我们谈到了 和插入或操纵 无论是在那里？ 所以，这是什么呢，如果 我们再回到我们的时钟， 是时钟指 此专区内的一切。 这是内部HTML 这个编号时钟格。 所以它会改变它 我们刚刚生成的HTML， 其中，其中，有希望， 希望，有希望， 将显示时间现在。 我们拭目以待。 当然。 这么多的技术问题。 佳佳的just--我 从我今天比赛的家伙。 OK，那工作。 时钟点内HTML。 这是HTML真的吗？ 也这是会发生什么。 当你无法看到的东西，你 只是看你的源代码。 好不好。 你想知道周围的工作很酷 我们要做的就在这里？ 听众：你能做到大写字母？ 大写字母？ 因为你必须得小时， 然后拿到分钟。 ALLISON BUCHHOLTZ-AU：它 就是让时间和get--哦。 你are--金名将。 这是所有测试，伙计们。 我保证这是课前工作。 OK，但一些很酷的东西知道的是 你可以，如果有时also-- 外部文件 开始有点疯狂， 你也可以只把他们直 在这里，这往往会解决的事情。 除了这就像真难看。 当然格式化的一切。 确保这一切都漂亮。 好不好。 我想要做的所有很酷的演示， 而他们只是不工作了。 好不好。 脚本VAR时钟。 不管怎么说，最重要的是 这是在一般的方式 你会格式化的JavaScript。 正如你所看到的，也可以是 很挑剔的，有时， 即使是从字面上 工作2秒前。 或者不是两秒钟前， 但是非常非常最近。 所以，向你展示它应该是什么样子， 并告诉你，我是不是疯了， 而这一切也正是 同样的，这是它应该是什么样子。 你只是要做到这一点顶部 在这里，如果你查看​​网页源代码， 如果你发现，他做了一些 疯狂的事情，我简化它。 此外，信贷汤米 McWilliam，究竟是谁 帮我创建这些例子， 这就是为什么我知道他们的工作。 因为汤米是一个JavaScript高手。 但是，如果我们注意到，我们有一些设置。 在这里，我们有我们的时钟功能。 这是所有的JavaScript 我们只是写了，或者一些。 我们只是写了这一个就在这里。 他有一个额外的 功能只是它垫 通过将零前一 字母或数字，如果是前 只是其中之一。 所以，如果你注意到，这是相当 很多正是我们刚才写的。 你有一些可变的时钟 有我们的元素，通过ID获得元素， 这是时钟。 我们有我们设定的时间间隔 功能，这是 匿名函数 即执行了这一切。 我们已经开始的一些字符串 HTML，我们再动态 通过让一些产生 H1头，串联 用得到的时间，再加上 我们的结肠，再加上越来越 分钟，加上另外 结肠癌，加上我们秒， 终于结束HTML它。 然后我们更新我们的时钟 点内HTML到HTML， 我们更新每100毫秒。 好不好？ 见我保证我没疯。 我不知道。 我不知道为什么它不喜欢我。 我觉得像看起来一样， 但显然是恨我。 因此，让我们看看第三轮的推移更好。 我们即将看到的。 我不知道这是怎么回事去。 每个人都至少获得 缺点，像是刚刚一般主题 JavaScript的关系吗？ 我希望这至少是有益的，更 比显示出这是一个有点挑剔。 但你的习题集将是非常有趣的。 这将是巨大的。 它不会是相当繁琐的作为 因为这，我不认为。 你会真正得到 看到很酷的事情。 所以最后但并非最不重要的， 我们将尝试在微博之一。 我真的害怕了，伙计们。 我不知道这是怎么回事去。 但只给你一点点 更有味道，其实这是 操作字符串和 投入，我们要怎么做 是，如果我们发现这里与HTML-- 这其中有一个有点缓慢 - 我们有一些文本区域，这 对应于该文本区这里。 好不好？ 并具有文本的ID。 我们重新设计的那么一点点 一些的宽度和高度 我们已经预定， 我们已经H1， 这恰恰是我们的头一个 代表我们的角色离开了。 我们给它一些标识 剩余字符， 然后我们有一些脚本 在这里，这我真的 希望第三次的 这里的魅力，伙计们。 所以我们想要做的， 在相同的一般静脉 我们已经与时钟点JS做 和党的圆点作为JS，我们已经注意到了， 是我们通过实际抓开工 我们关心的事情，对不对？ 所以在这种情况下，有两个 的事情，我们在意，好不好？ 有一件事，我们居然有种 寻找到和从描绘数据， 一件事， 我们实际上改变。 因此，有我们的HTML。 如果这是我们这里的网页，什么是 我们正在寻找的数据？ 这将是什么 在我们的箱子文字，对不对？ 所以，无论我在这里输入。 这就是我想知道的，或者 这就是我想看看。 什么将是 改变我们的网页？ 在剩余字符。 所以以相同的方式，我们希望 通过初始化变量启动 实际上守住这些元素。 好不好？ 所以，如果我们有一些变种 这是我们的文本区域， 我们有一些变种是剩下的。 对不对？ 所以这些要 持有这两件事情。 因此，同样的事情， 文档dot-- OK，我 要确保这是 上班这段时间。 我很坚决。 OK，所以如果我们希望我们的 文本区域中，根据 我们的HTML，什么是我们的标识？ 什么是我们的身份证号码？ 它只是将是文本，因为 这造成我们的文本区域，OK， 而我们的Id为文本，所以这是 我们如何能抢到什么在那里。 OK，分号。 我要成为超级 精确的关于这一点， 因为我想这个工作，这个时候。 OK，做同样的事情， 通过id来获取元素。 我真的不知道有什么 造成其他两个弄乱。 OK，那么在这其中， 什么我们要访问？ 什么是我们的标识吗？ 我们在其他ID 我们的HTML，是什么呢？ 听众：剩余字符。 ALLISON BUCHHOLTZ-AU： 剩余字符。 好不好。 酷。 所以我只是要 写这篇文章的真快。 我只是在写第二本。 所以文本区域。 有趣的是B function--有 很多的功能，不仅 符合您 鼠标，但你的键盘。 好不好？ 所以，你可以说，当任何键 按下，你可以做这样的事情。 让我们使用一个 被称为关键了，这 说，“如果你按任意键 您的键盘，当用户已经解除 他们的手指关闭该按钮， 而关键已经成为未按下， 那么我们要做些什么。“ 好不好？ 所以，这是有道理的，对不对？ 因为每个字符 我们输入，我们要去 有解除我们的十指关 的，所以当键上升， 我们可以知道递减 我们剩余字符。 所以，我们有一些关键 起来，并以同样的方式， 我们会说， “OK，当我们做到这一点，我们 要创建一些函数， 会在这种情况下采取即，“ 我们想要做的是什么 计算剩余数。 OK，让我们刚刚开始 通过创建一个变量。 因此，我们有一些变量R， 这是怎么回事代表 多少个字符，我们已经离开。 好不好？ 我们知道，我们先从 140，如果我们想知道， 让我们说，这个长度 这一直是输入字符串， 做你们有什么想法 我们怎样才能做到这一点？ 正是基于关闭的明显 东西，比如如果我们想个小时， 我们用得时间。 我们知道，我们的目标是 文本区域，但可能你们 想到什么可能出现后呢？ 任何想法？ 所以这一块的种少 直观，但它的价值点的长度。 所以才给我一些 值属性 其实这个字符串的长度。 所以它会说，“OK，我在寻找 在文字区域内的这个整个字符串， 而且我要告诉 你多久就是。“ 因为如果我们还记得字符串 其实只是阵列， 所以我们可以只取其中的长度。 因此，我们有。 酷。 那么我们想要做的是，我们 永远要允许用户 输入大于 140个字符，对不对？ 因为如果我们说喜欢，“哦，你 只有这么多剩余，“ 然后让他们做到这一点 不管怎么说，我们一直在撒谎。 这是另一种 事情的JavaScript 可真不错 对，就是用户验证 并确保你 在任何规则适合用户 你已经提供给他们。 所以，如果你想要做这样的事情做 肯定有人输入自己的电子邮件地址， 或者确保当他们 输入两个密码，它们匹配。 JavaScript可以做到这一点。 你会做这样的事情，“当 提交表单，“或类似， “当提交表单按钮 点击后，检查所有的这些事情。“ 我们能做到这一点的JavaScript。 所以，这正是 我们要在这里做。 那么，什么可能是一个方法来检查，如果 他们已经走了超过140个字符？ 发生了什么事情要发生在 我们的R值，如果他们尝试一下呢？ 这将是负面的，对不对？ 或者它要少 大于或等于零。 因此，我们可以使用，如果是 就像一切。 好不好？ 我们有一些文字区点 价值，我们在做什么，在这里 为我们只是cutting--是什么呢？ 抱歉。 这一次，我们只是想返回false。 我弄糊涂了。 所有的事情疲惫不堪不工作。 OK，我们只是想 返回false，然后我们 要显示的 剩下的人物，对吧？ 所以用时钟，我们做了 一些与内部HTML，对不对？ 在这里我们将其设置等于一些 可变的，所以什么可能我们在这里做？ 什么是我们改变的内在HTML？ 听众：剩余？ ALLISON BUCHHOLTZ-AU： 我们正在改变剩余。 好吧，什么我们做 希望把它设置为？ 这将是R，因为这 应该是我们的剩余字符。 好不好？ 所以我真的很紧张，如果看到 这个工程现在，但我们会看到。 离开这一点。 这是真快。 [听不清] OK。 再次，我只是要告诉你。 无论出于何种原因， 我的决定不工作， 但我会告诉你的是，这 is--哦，我应该把那个英寸 OK，我们注意到了相同的排序 这里的事情，得到的文本区域。 另外，如果你的家伙的通知，如果有 你想要做的事过， 而你不知道该怎么办 它，只需点击查看页面源代码， 而且他们会告诉你的。 有时它会被加密。 为了您的PSET，我们加密一切， 所以它只是看起来像废话。 但是，如果有过一个真正的 你喜欢酷的网站， 如果你只是点击查看页面源代码， 它会告诉你该怎么做。 如此反复，更聪明地工作，而不是更辛苦。 正如你在这里看到，所有的 这些东西都是一样的。 这一次在这里只是需要一些子 这一点，我忘记了正是这种做。 但它显然需要一些子 从零到10的值的， 什么应该停止返回false 从输入了用户， 然后很明显更新 内部HTML那里。 酷。 从今天起这么大拿外卖， 实验，看看源代码 因为它会帮助你很多， 每个人，有时JavaScript的 可以是很难的工作，并且不 总是工作，你期望它的方式， 只是继续努力 因为我保证它会的。 我保证所有这些例子 课前进行了合作。 我不明白发生了什么事。 我真的拥有一切相同。 还有一件事，我只是想 表明你们，可以超好用 是in--什么工作呢？ 我们得到了党的工作，不是吗？ 我想是这样。 是。 我们做到了。 真棒。 好了，一件事， 你们应该知道 是我讲的控制台日志。 于是安慰你好点日志。 因此，这是同类产品中 等价的JavaScript的printf。 所以，如果你曾经想 检查你的变量 或者看看发生些什么事，是什么 你可以做的是，如果我们考察的元素， 是你想要去的地方 到了，你去安慰， 你会看到，它打印打招呼。 这样我们就可以拥有它 打印任何我们想要的。 如果我们希望它打印背景 点阵式的点的背景下， 我们应该能看到 RGB三，来了。 或不。 我忘了究竟如何 打印这样的一个变量， 但你应该能够 打印出这样的事情。 这将是非常有用的 您PSET时， 你想操纵 坐标或诸如此类的东西。 因此，他们也改变这片类。 这是从过去几年不同，所以 仅仅是很好的转录因子或转录因子 在办公时间而是因为我们 这种伴随着你们学习。 但是，控制台日志是超级，超级 有助于JavaScript的最后一年。 所以喜欢它。 了解如何使用它。 它更容易使用比GDB，使 应该至少一个加点。 但是感谢你们的轴承和我在一起。 对不起，我的 实例出于某种原因 只是不希望 配合我，但我 那种希望它有助于让你一个 在JavaScript中区多一点。 并给我你所有的问题要问 下周，所以我可以修复超， 我会带上糖果，甚至额外的 糖果，因为这是荒谬的。 但是，你们是伟大的， 并有一个真棒一周。