<!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>拼音练习</title>
<script type="text/javascript" src="./js/pinyins.js"></script>
<script type="text/javascript" src="./js/bopomofo.js"></script>
<!--assertEquals(expected, actual) 是一个仿照junit的断言函数的JS实现-->
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="app">
<div class="line">
<div class="item">
<div class="label">中文</div>
<div id="cnText" style="font-size: 18px;font-family:Arial, Helvetica, sans-serif">
不让你累的感情,就是两个人在一起的时候,有一种自然而然舒适氛围,能够消解心里的那些戾气,恢复成最放松而且淡然的自己。世上太多的分离,不是因为不爱了,而是因为累了。爱上一个不该爱的人,会很痛(痛彻心扉的心情感悟); 看似没心没肺的人其实挺容易感伤,都压在很深的地方。 碰到一点阳光,碰到一点相似的情节,碰到一点熟悉的背影甚至碰到一点眉眼,就会不知所措地惊慌逃亡。爱上一个不该爱的人,会很痛(痛彻心扉的心情感悟); 一个对你不好的人,你一定要学会放下,不要为TA的任何事情,任何言行而痛苦。你要想,如果TA爱你,一定不忍心对你不好,所以结论就是,TA不够爱你,或者TA根本不爱你,对于一个不爱你的人,有什么必要为TA烦恼,为TA伤心呢,就是个路人甲罢了。
爱上一个不该爱的人,就像用手握住一只刺猬一样。痛,但又放不下,怕它掉下去之后会怎样,所以一直紧握着它,而它被你捏得很痛,你却自私地以为这就是爱。直到有一天,当你知道你的爱只会给它带来伤害,而它也不需要你的爱的时候,你就会明白,原来还有一种爱,叫做放手。
</div>
</div>
<div class="item">
<div class="label">拼音</div>
<div id="content" style="font-size: 18px;font-family: Georgia, 'Times New Roman', Times, serif;">
</div>
</div>
</div>
</div>
<script>
console.log(pinyin("中国加油!"));
let content = document.getElementById("content");
let cnText = document.getElementById("cnText").innerText;
console.log(cnText, 'cnText')
let str = "";
for (var i in cnText) {
str += ` <ruby>
${cnText[i]}
<rp>(</rp>
<rt>${pinyin(cnText[i])}</rt>
<rp>)</rp>
</ruby>`
}
content.innerHTML = str;
</script>
</body>
</html>
资源链接,点击即可下载