编码

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

  • 第一步,最低要求:在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. wireshark的安装

    wireshark是一款很强大的软件,我第一次接触是在计算机网络的课上,正是运用这款软件的时候. 下面我来介绍一下当初我安装时候的问题,方便大家的使用和参考 Wireshark(前称Ethereal) ...

  2. 记录两道有趣的有关php数组的面试题

    <?php $arr=[ ['张三','李四','王五'], ['吃鸡','消消乐','火影'], ['25','26','28'], ]; '如何转换为' $arr1=[ ['张三','吃鸡' ...

  3. C#获取当前程序集的完整路径

    //获取当前程序集的完整路径加上EXE的名称 string binPath = Assembly.GetExecutingAssembly().Location; Console.WriteLine( ...

  4. IDEA 直接点击运行执行正常,命令行下面执行Jar包出现部分乱码的情况。

    解决方案如上: 有个Springboot项目为了测试方便,模型类用中文作为字段属性,封装成Odata格式,在通过Springboot发布并打成jar包. 通过命令行启动jar包里面的Springweb ...

  5. 最新 php oracle 数据库连接 数据库分页

    php 5连接 oracle 10g php oracle 分页 <?php//buyicode studio 20/12/2009//总记录数$sql = "select ROWNU ...

  6. python学习,day3:函数式编程,带return

    return的主要作用就是,在调用的时候,能知道函数的运行情况,相当于打个标签 # coding=utf-8 # Author: RyAn Bi def test1(): print('in the ...

  7. hdu1495 bfs搜索、模拟

    大家一定觉的运动以后喝可乐是一件很惬意的事情,但是seeyou却不这么认为.因为每次当seeyou买了可乐以后,阿牛就要求和seeyou一起分享这一瓶可乐,而且一定要喝的和seeyou一样多.但see ...

  8. python 反射和内置方法

    一.isinstance和issubclass class Foo: pass class Son(Foo): pass s = Son() #判断一个对象是不是这个类的对象,传两个参数(对象,类) ...

  9. appium关于当前网络情况测试,实现打开关闭网络(python3.4版)

    appium关于当前网络情况测试,实现打开关闭网络(不需要root测试机) # python from appium.webdriver.connectiontype import Connectio ...

  10. CDH集群安装配置(一)-集群规划和NAT网络配置

    三台物理机或者虚拟机. cdh1,cdh2,cdh3. 内存要求大于8GB,cdh1的物理磁盘要求多余50G. 每台虚拟机安装centos 7 系统.