javascript制作对联
时间: 2023-07-28 10:08:34 浏览: 66
JavaScript可以用来制作对联,下面是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript对联</title>
<style>
body {
text-align: center;
padding: 50px;
font-size: 24px;
}
</style>
</head>
<body>
<h1>对联生成器</h1>
<button onclick="generateCouplet()">生成对联</button>
<p id="couplet"></p>
<script>
var firstLine = [
"春花秋月两相宜",
"千山万水总是情",
"风花雪月皆相伴",
"山川草木皆知音"
];
var secondLine = [
"一片春愁待酒浇",
"十年生死两茫茫",
"人生若只如初见",
"相思相见知何年"
];
function generateCouplet() {
var index = Math.floor(Math.random() * firstLine.length);
var couplet = firstLine[index] + "<br>" + secondLine[index];
document.getElementById("couplet").innerHTML = couplet;
}
</script>
</body>
</html>
```
这个示例中,我们定义了两个数组`firstLine`和`secondLine`,分别存储上下联的文字内容。通过点击"生成对联"按钮,随机选择一组对联内容并显示在页面上。你可以根据自己的需求修改数组中的内容,增加更多的对联选项。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)