For循环-九九乘法表/九九偶数乘法表/九九奇数乘法表

最新推荐文章于 2023-11-03 14:38:55 发布
最新推荐文章于 2023-11-03 14:38:55 发布
阅读量826 收藏 1
点赞数
分类专栏： 前端练习 文章标签： html5 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45579661/article/details/120256705
版权
本文介绍了如何用HTML5和JavaScript分别实现九九乘法表、九九偶数乘法表以及九九奇数乘法表，通过代码示例展示动态生成这些乘法表的方法。
摘要由CSDN通过智能技术生成

1.九九乘法表

2.九九偶数乘法表

3.九九奇数乘法表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            margin: 5px;
            background-color: skyblue;
            padding: 0 10px;
            border: 1px solid #999;
            color: #666;
            border-radius: 5px;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
            text-align: center;
        }
    </style>
</head>
<body>
    
    <script>
        // 九九乘法表
        for(let n = 1; n <=9; n++) {
最低0.47元/天 解锁文章
吃肉肉的半个人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
纯Css制作tab选项卡
weixin_55753367的博客
03-04 2952
Css本身的功能就很强大的，尤其是Css3出来之后，大部分特效只用Css3就能完成了，无需再费心思去研究js、jQuery该怎么怎么去写，代码简洁方便。下面这个是用纯Css制作的tab选项卡效果： 用Css实现这个选项卡效果，需要用到label标签，label标签不会呈现任何效果，当点击label时，浏览器会自动将焦点转到和标签相关的的表单控件上。 这个用Css实现tab效果的主要思路是：使用表单的单选按钮来实现这个tab显示和隐藏，首先tab里的内容默认隐藏，如果单选按钮为选中状态（checked）就显
CSS实现Tab布局
weixin_34289454的博客
04-05 370
一、布局方式 1、内容与tab分离 <div class="container"> <div class="tab-content"> <div id="item1" class="item">内容1</div> <div id="item2" class="...
倒计时秒杀js代码
11-20
小米商城倒计时秒杀js代码,时间换算,设置秒数自动开始倒数
JavaScript限时秒杀
m0_57202083的博客
08-23 2104
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="box"> <div id="d"></div> <!-- 剩余的天数 --> <div id="h"></div> .
请使用插槽vm.$slots实现一个导航栏结构
weixin_47518648的博客
10-25 2611
运行结果如下： 话不多说，直接开整： 样式如下： <style> #navga{ top:0; left:0; right: 0; display: flex; justify-content: space-between; align-items: center; padding:..
while 和 for 循环 :for循环输出九九乘法表
zhengxugang的博客
04-22 3688
示例5：使用while循环输出如下图形 第一种方法 i = 0 while i < 7: if i%2==1: # 偶数行 print("+ +") else: # 奇数行 print("+++++++++++++") i += 1 第二种方法 i = 1 # 用于控制行 while i <= 7: if i%2==1: # 奇数行 j = 1 # 用于控制列 w...
九九乘法表/转换数据类型/集合/1-100之间所有奇数的和，偶数和
噔噔噔噔的博客
12-16 380
九九乘法表 for i in range(1,10): for j in range(1,i+1): print("%d*%d=%2d"%(j,i,j*i),end=' ') print("") 转换数据类型 s = “alex” li = [“alex”, “seven”] tu = (“Alex”, “seven”) #a. 将字符串 s = "alex"转换为列表 print(list(s)) #b. 将字符串s = "alex"转换为元组 print(tupl
【Python入门基础】循环结构（九九乘法表实例）
12-22
本文将重点介绍两种主要的循环结构——`for-in`循环和`while`循环，并通过实例，特别是九九乘法表，来帮助初学者更好地理解它们。 1. `for-in`循环： `for-in`循环常用于已知循环次数或对容器对象（如列表、元组、...
Vue 使用插槽vm.$slots实现一个导航栏结构
qq_47119426的博客
10-23 5757
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏</title> </head> <script src="./JS/vue.js"></script> <style> .Navbar{ display: flex; height: 44
CSS样式漂亮Tab页
09-28
一个很漂亮的Tab 标签 切换样式 非常经典的东东
css 圆形扩散特效 水波
笔记库
10-16 2114
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=...
纯CSS制作的TAB选项卡
weixin_33826609的博客
05-22 116
代码 这里主要使用表单的单选按钮来实现这个TAB显示和隐藏，首页tab里的内容默认隐藏，如果单选按钮为选中状态（checked）就显示内容。具体请看下面代码。 关于兼容性，因为是用CSS3来制作的，所以如果不支持CSS3的浏览将会出现不兼容的情况。 HTML代码 &lt;ul class="tabs"&gt; &lt;li&gt; &lt;input type="radio" name="tab...
html梯形选项卡,css 梯形tab标签页
weixin_35540825的博客
06-04 1104
现在越来越时尚化，tab标签页已经不像原来的那么传统格式化了，现在给大家实现一个简约美观的tab标签页比较简约的梯形tabDocument.nav{display: flex;width: 300px;align-items: flex-end;}.nav .item{flex: 1;height: 40px;background: #eee;border-radius: 5px 5px 0 0;...
使用JS,实现秒杀倒计时!
最新发布
m0_74268056的博客
11-03 587
使用JS,实现秒杀倒计时!
css Tab选项卡
weixin_30266829的博客
05-15 61
css tab 选项卡据说有2中实现方式 1. target css3 2。 描点 2的 核心原理是利用描点显示问题（描点父级 overflow）。 <style> body,div,ul,li{margin:0; padding:0; font-size:12px;} .tab_ul{ margin:10px auto 0; ...
纯css制作tab选项卡（一）
热门推荐
web_xiaolei的博客
10-11 1万+
css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费心思去想js怎么怎么做jQuery怎么怎么做，代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果：原始界面：鼠标划上第一个tab选项，相应内容显示：鼠标划上第二个tab选项：相应内容显示具体内容自己添加啦，下面献上完整代码：<DOCTYPE html> <html> <head> <title
秒杀倒计时JS代码
阿四的星期天
12-08 780
body { font-size:12px; font-family:"宋体"; color:red; }  #sheng1 span {  color:black; }  #time { color:blue; font-family:"微软雅黑"; } 现在时间是： function time()   {   var now,h,m,s;   now=
js秒杀倒计时方法
山海一哥的博客
01-02 689
<p id="demo"></p> // 设置我们准备倒计时的日期 const countDownDate = new Date("2028-01-05 15:37:25").getTime(); // 每秒更新一次 var x = setInterval(function() { // 获取当前时间 var now = new Date().getT...
用jsp实现乘法口诀表隔行变色
04-21
可以使用如下代码实现： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>乘法口诀表</title> <style> .even { background-color: gray; } </style> </head> <body> <table> <% for (int i = 1; i <= 9; i++) { %> <tr <% if (i % 2 == 0) { %>class="even"<% } %>> <% for (int j = 1; j <= i; j++) { %> <td><%= j %>*<%= i %> = <%= i*j %></td> <% } %> </tr> <% } %> </table> </body> </html> 在上述代码中，使用了 <style> 标签定义了一个名为 even 的样式类，用于设置隔行变色。 然后在使用 for 循环生成乘法口诀表时，使用了 if 判断语句来判断当前行是奇数行还是偶数行，如果是偶数行，则设置 tr 标签的 class 属性为 even，从而应用上述定义的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值