HTML写代码表白 – 爱心

闪电
闪电
闪电
53
文章
0
评论
2020年5月30日17:34:21 评论 39

前言

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

实现

1. 在桌面创建一个文件取名love.html,填入以下代码
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body id="codes">

</body>
<script type="text/javascript">
    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<count;i++){
                line+=num
            }
            num = num===9?6:9

        }
        line +='</br>'
    }
    document.getElementById("codes").innerHTML=line
</script>
</html>
2. 保存文件,双击打开

HTML写代码表白 - 爱心

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

weinxin
我的微信
微信扫一扫
闪电
  • 本文由 发表于 2020年5月30日17:34:21
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
mac远程控制mac 技术随笔

mac远程控制mac

前言 当我们需要远程连接到其他电脑的时候,我们的第一反应应该是使用qq的远程控制,或者Teamview,这两个工具都非常好用,但是其实MacBook原生是支持远程链接另外一台MacBook的,并且网络...
一招禁用Ctrl+Esc 技术随笔

一招禁用Ctrl+Esc

前言 当你玩游戏的时候用到了快捷键,恰好游戏里的快捷键和windows原生自带的快捷键冲突了,那么你会非常苦恼,本篇文章介绍如何在windows中禁用系统快捷键。 ctrl + esc 会唤起主菜单,...
Wox - Windows上的翻译神器 技术随笔

Wox – Windows上的翻译神器

前言 本文介绍一款Windows上的翻译神器,任何时候只要输入快捷键(例如Ctrl + 空格),就会弹出输入框,在输入框中输入fy Hello ,就会翻译出你好的意思,使用起来十分方便。 接下来就是今...
WordPress使用Nginx提速 技术随笔

WordPress使用Nginx提速

前言 使用WordPress搭建好网站以后,我们需要优化网站的访问速度。要整体提升网站的速度,需要不同的优化策略配合。尽量减少非必要的功能、把网站上的图片放到cdn中、压缩js、压缩css等,那么今天...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: