<!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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
资源链接，点击即可下载