用CSDN写一个代码,目的是点击页面中的按钮随机产生"北京","上海","广州","深圳","成都","西安","南京","济南","太原","呼和浩特","西宁","郑州"中的一个
时间: 2023-09-03 17:08:14 浏览: 100
以下是用HTML、CSS和JavaScript实现的代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机城市选择器</title>
<style>
button {
padding: 10px;
font-size: 20px;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>随机城市选择器</h1>
<p>点击下面的按钮,随机选择一个城市:</p>
<button id="city-btn">选择城市</button>
<script>
var cities = ["北京", "上海", "广州", "深圳", "成都", "西安", "南京", "济南", "太原", "呼和浩特", "西宁", "郑州"];
var btn = document.getElementById("city-btn");
btn.onclick = function() {
var randomIndex = Math.floor(Math.random() * cities.length);
alert("你选择的城市是:" + cities[randomIndex]);
};
</script>
</body>
</html>
```
这段代码定义了一个包含12个城市名称的数组`cities`,并用`Math.random()`函数和`Math.floor()`函数生成一个0到11之间的随机整数作为数组的索引,最后将随机选择的城市名称以弹窗的形式展示出来。用户只需点击页面中的“选择城市”按钮即可随机选择一个城市。