编码

小练习，练习使用循环实现一个九九乘法表

  • 第一步，最低要求：在Console中按行输出 n * m = t
  • 然后，尝试在网页中，使用table来实现一个九九乘法表
 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>九九乘法表table版</title>

 </head>

 <body onload="a()">

         <table  id="table" border="1" >

         </table>

         <script>

             function a() {

                 var t = document.getElementById("table");

                 for (n = 9; n > 0; n--) {

                     var tr = document.createElement("tr");

                     for (m = 1; m < n+1; m++) {

                         var td = document.createElement("td");

                         var node = document.createTextNode(m + "*" + n + "=" + m * n);

                         td.appendChild(node);

                         tr.appendChild(td);

                         t.appendChild(tr);

                     }

                 }

             }

         </script>

     </body>

 </html>

注意点：九九乘法表按照常规自增写法会涉及重复部分重复公式，如1*2=2；2*1=2；所以我们采用m<n+1的写法来递减个数。

　　　　注意变量的重复定义，避免出现错误，一开始写m*n=t，后来报错，原来和table的变量冲突了，无法使用t.appendChild(tr)这个函数。

编码

最后一个练习，在你的代码中，实现一个，当用户访问页面的时候，根据当前时间，在页面中输出不同的问候语。

比如早上的时候，输出早上好，晚上的时候是晚上好。

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>九九乘法表table版</title>

 </head>

 <body onload="a()">

     <table id="table" border="1">

     </table>

     <!-- 通过按钮实现问候 -->

     <!-- <button id="saytime" onclick="sayhello(date)">点击查看时间问候</button> -->

     <script>

         var date = new Date();

         function sayhello() {

             var hour = date.getHours();

             var minutes = date.getMinutes();

             var mytime = hour * 3600 + minutes * 60;

             if (mytime >= 6 * 3600 && mytime < (11 * 3600 + 30 * 60)) {

                 alert("上午好，亲爱的Joe！");

             } else if (mytime >= (11 * 3600 + 30 * 60) && mytime < (14 * 3600 + 30 * 60)) {

                 alert("中午好，亲爱的Joe！");

             } else if (mytime >= (14 * 3600 + 30 * 60) && mytime < (18 * 3600)) {

                 alert("下午好，亲爱的Joe！");

             } else {

                 alert("晚上好，亲爱的Joe！");

             }

         }

         //网页打开就问候

         sayhello(date);

         function a() {

             var t = document.getElementById("table");

             for (n = 9; n > 0; n--) {

                 var tr = document.createElement("tr");

                 for (m = 1; m < n + 1; m++) {

                     var td = document.createElement("td");

                     var node = document.createTextNode(m + "*" + n + "=" + m * n);

                     td.appendChild(node);

                     tr.appendChild(td);

                     t.appendChild(tr);

                 }

             }

         }

     </script>

 </body>

 </html>

注意：判断时间记得考虑边界值

JS实现九九乘法表和时间问候语的更多相关文章

  1. 用JS写九九乘法表

    本来JS部分觉得就不是很好,结果经过一个寒假,在家的日子过的太舒适,基本把学的都快忘干净了,今天老师一说九九乘法表,除了脑子里浮现出要满足的条件,其他的都不记得了,赶快整理了一下: <scrip ...

  2. js实现九九乘法表

    <script type="text/javascript"> var sum=0; var wite; for (var i = 1; i < 10; i++) ...

  3. 用JS实现九九乘法表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. 记得初学JS时候练个九九乘法表都写的要死要活

    还记得当初刚接触JS时候,看到视频中老师写了个九九乘法表,觉得好神奇,可是自己在下面动手写了半天还是有各种问题,甚是懊恼啊.今又看到园子里有关于乘法表的博文,出于对过去的不舍与缅怀,遂重写一遍. &l ...

  5. js九九乘法表的应用

    <html> <head> <meta charset=utf-8" /> <title>js九九乘法表</title> < ...

  6. JS实现上下左右对称的九九乘法表

    JS实现上下左右对称的九九乘法表 css样式 <style> table{ table-layout:fixed; border-collapse:collapse; } td{ padd ...

  7. 用js实现打印九九乘法表

    用js在打印九九乘法表 思考 在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表 不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的 ...

  8. 利用js的for循环实现一个简单的“九九乘法表”

    For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算 ...

  9. 用JS的for循环打印九九乘法表

    需要使用两个for循环嵌套,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

随机推荐

  1. 网络传输层之TCP/UDP详解

    一.运输层协议概述 从通信和信息处理的角度看,运输层向它上面的应用层提供通信服务,它属于面向通信部分的最高层,同时也是用户功能中的最低层. 运输层的任务就是负责主机中两个进程之间的通信,其数据传输的单 ...

  2. 条目二十二《切勿修改set或multiset的键》

    条目二十二<切勿修改set或multiset的键> 所有的标准关联容器一样,set和multiset按照一定的顺序来存放自己的元素,而这些容器的正确行为也是建立在其元素保持有序的基础之上的 ...

  3. 2016级算法第五次上机-C.Bamboo和"Coco"

    1064 Bamboo和"Coco" 分析题意 每个亡灵至少一个花瓣,相邻的亡灵中思念值高的要获得的花瓣高(思念值相等是不需要花瓣一样多的).主要考贪心思路,为了使得花瓣总量最少, ...

  4. 【算法笔记】B1019 数字黑洞

    1019 数字黑洞 (20 分)   给定任一个各位数字不完全相同的 4 位正整数,如果我们先把 4 个数字按非递增排序,再按非递减排序,然后用第 1 个数字减第 2 个数字,将得到一个新的数字.一直 ...

  5. Win10远程连接，出现身份验证错误。远程计算机要求的函数不受支持 这可能是由于CredSSP加密Oracle修正 。

    问题: 升级至win10 最新版本10.0.17134,安装最新补丁后无法远程win server 2016服务器,报错信息如下: 出现身份验证错误,要求的函数不正确,这可能是由于CredSSP加密O ...

  6. MM 后台配置（转）

    本文转自:https://www.cnblogs.com/yanglikun/p/4124797.html 一.全局配置 1.一般配置 SPRO->SAP NETWEAVER -> GEN ...

  7. Http Header之User-Agent

    Http Header之User-Agent User-Agent中文名为用户代理,简称 UA,它是一个特殊字符串头.通过这个标识,用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信 ...

  8. 08-oracle统计函数（单组分组函数）

    --count时尽量count(列名),count(*)也可以. --count,max,min,sum,avg,median(中位数) select count(empno),count(disti ...

  9. 《大数据日知录》读书笔记-ch3大数据常用的算法与数据结构

    布隆过滤器(bloom filter,BF): 二进制向量数据结构,时空效率很好,尤其是空间效率极高.作用:检测某个元素在某个巨量集合中存在. 构造: 查询: 不会发生漏判(false negativ ...

  10. thymeleaf常用语法

    常用标签语法:①th:text<span th:text="${name}">1</span>注释:如果${name}有值则将替换掉1的值,若无则为1 ②t ...