首页 > 其他分享 >第五次html

第五次html

时间:2023-04-05 12:35:10浏览次数:27  
标签:10 layer sum html 第五次 num let str

菱形:

 

 代码:

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>{
layer = parseInt(prompt("请输入层数"))
up_layer = Math.ceil(layer / 2)
for (let i = 1; i <= layer; i++){
if(i<=up_layer){
str = ""
space_num = up_layer - i;
for(let j = 1;j <= space_num; j++){
str += " "
}
star_num = i * 2 -1
for(let j = 1; j <= star_num; j++){
str += "*"
}

}else{
str = ""
Space_num = i - up_layer;
for(let j = 1;j <= Space_num;j++){
str += " "
}
Star_num = up_layer*2 - ((i-up_layer)*2 + 1);
for(let j = 1; j <= Star_num; j++){
str += "*"
}

}




console.log(str)
}
}
</script>
</body>
</html>

水仙花:

 

 

代码:

<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
<script>
function num() {
for (i = 100; i < 1000; i++) {
let a = i % 10,
b = parseInt((i / 10) % 10),
c = parseInt(i / 100)
let sum = Math.pow(a, 3) + Math.pow(b, 3) + Math.pow(c, 3)
if (i == sum) {
console.log(i)
}
}
}
num()
</script>
</body>


</html>

10!:

 

 

代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function factorial(num) {
var str = '10!='
var sum = 1
for (var i = num; i > 0; i--) {
sum = sum * i
if (i == 1) {
str = str + i + '='
} else {
str = str + i + '*'
}
}
console.log(str + sum)
}
factorial(10)

</script>
</body>
</html>

10!+...+1!:

 

 代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function factorial(num) {
let str = num + '!='
let sum = 1
for (let i = num; i > 0; i--) {
sum = sum * i
if (i == 1) {
str = str + i + '='
} else {
str = str + i + '*'
}
}
console.log(str + sum)
return sum
}

function factorial_total(digit) {
let str = 0
let sum = 0
for (let i = digit; i >= 1; i--) {

sum = sum + factorial(i)
if (i == 1) {
str = str + i +'!' + '='
} else {
str = str + i + '!' + '+'
}
}
console.log(str + sum)

}
factorial_total(10)
</script>
</body>
</html>

标签:10,layer,sum,html,第五次,num,let,str
From: https://www.cnblogs.com/EchoQ12/p/17289125.html

相关文章

  • 第六次html
    运行截图:  代码:<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> *{ margin:0; padding:0; } .container>img{ position:absolute; ......
  • HTML5地理定位 Geolocation API
    使用getCurrentPosition方法来取得用户当前的地理位置信息,该方法的定义如下所示。voidgetCurrentPosition(onSuccess,onError,options);第一个参数为获取当前地理位置信息成功时所执行的回调函数;第二个参数为获取当前地理位置信息失败时所执行的回调函数;第三个参数为一些可选属......
  • 怎么利用CSS实现HTML5响应式导航栏
    在html5中实现响应式导航栏的方法有很多种,如何利用纯CSS来现实这一功能,在这里小编就通过实例来和大家讲解,纯CSS实现的HTML5响应式导航栏的方法和技巧。目前响应试web页面已经逐渐开始盛行,除了将页面的内容以及布局结构实现响应试以外,剩下的重点就是实现导航栏的响应试,当然方法有很......
  • html5从响应式导航开始
    常用的一个响应式网页导航条解决方案,整理记录。效果展示入口:https://shanhubei.github.io/navigationh5/html结构和js代码都很简单,主要是css样式。直接粘上来的代码有点乱。最下面有demo的下载地址,可以下载看整理过的代码。主要的css知识点有:@mediascreenand(max-width:1279px......
  • JavaWeb——HTML基本标签详解及案例实战(文件标签、文本标签、图片标签、列表标签、链
    目录1、文件标签2、文本标签3、图片标签4、列表标签5、链接标签6、块标签7、语义化标签8、表格标签9、综合案例上一节介绍了HTML的基本概念,和基本语法,本节介绍下HTML的基本标签和表单标签。这部分学习可以参照W3Cschool,一个很好的网站。1、文件标签文件标签是构成HTML最基本的标签,......
  • 第四次html
    运行效果:  代码:body{ /*background-color:#333;*/ } :root{ --swiper-navigation-size:44px; } *{ padding:0; margin:0; /*border:1pxsolidred;*/ } #logo{ float:left; width:30%; } .nav-bottom{ width:100......
  • 第二次html
    效果:  代码:<html> <head> <metacharset="UTF-8"> <title></title> <styletype="text/css"> .div_class{ background-color:#ccc; } .dox{ background-color:#ddd; } </style> </he......
  • 全功能 HTML 框架 Framework7 发布 v8.0.0 版本
    全功能HTML框架Framework7发布v8.0.0版本来源:OSCHINA编辑: 罗奇奇2023-04-0407:07:28 0Framework7是一个开源框架,用于开发具有原生外观和感觉的移动端、桌面端或Web应用程序。它也是必不可少的原型设计工具,可在开发者需要时尽快显示可运行的应用......
  • html页面图片浮动置顶
    创建一个图片<divclass="fixed-bottom-right"style="display:flex;position:fixed;top:80%;right:0;width:100px;height:100px;z-index:999;transform:translate(-50%,-50%);"> <imgsrc="static\picture\about.jpg&q......
  • AppMobi即将开源所有HTML5 API
    据国外媒体报道,HTML5开发公司AppMobi将于黑色星期五(11月25日)开源其所有HTML5设备端API。AppMobi正在致力于推动HTML5的发展,并希望通过HTML5影响整个互联网生态系统。AppMobi的HTML5不仅涉及台式电脑,还包括移动设备,曾开发过很多可访问摄像头、加速计和GPS等本地功能的HTML5......