用html代码写一个表白语言,HTML写代码表白 – 爱心

前言

想不想给你喜欢的人一个惊喜,那么给他做一个爱心页面吧,只要在页面上搜索9,爱心马上呈现在眼前,幸福感满满。

实现

1. 在桌面创建一个文件取名love.html,填入以下代码

const loveCode = [

'2,2,6,3,6,2,2,4,2,3,4,3,2,4,2',

'2,1,8,1,8,1,2,4,2,2,2,2,2,2,2,4,2',

'2,2,15,2,2,4,2,1,2,4,2,1,2,4,2',

'2,4,12,5,4,3,2,4,2,1,2,4,2',

'2,6,8,8,2,4,2,4,2,1,2,4,2',

'2,8,4,10,2,5,2,2,2,2,2,4,2',

'2,9,2,11,2,6,4,4,6,1'

]

let line = ''

for(const code of loveCode){

let num = 9

for(const count of code.split(',')){

for(let i =0;i

line+=num

}

num = num===9?6:9

}

line +=''

}

document.getElementById("codes").innerHTML=line

2. 保存文件,双击打开

19527035-10b92b8299afcc3e.png

打开页面是这样的,我们按control + F进行搜索,输入9,爱心出来啦:

19527035-7c59715f7ca124fc.png

  • 5
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值