五、创建JSP页面,完成如下功能 (1)产生一个7-19的随机数,并输出产生的随机数。 (2)如果产生的随机数小于13,显示小学生的图片,否则显示中学生的图片。
时间: 2024-10-10 17:09:58 浏览: 10
要在JSP页面上实现这个功能,你需要利用Java的Random类生成随机数,然后通过条件判断显示相应的图片。下面是一个基本的示例:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<title>随机数字及学生图片展示</title>
</head>
<body>
<img id="studentImage" src="" alt="加载中...">
<script>
function generateRandomNumber() {
var min = 7;
var max = 19;
var randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
document.getElementById("randomNumber").innerHTML = "随机数: " + randomNumber;
if (randomNumber < 13) {
document.getElementById("studentImage").src = "小学生图片链接"; // 替换为实际的小学生图片URL
} else {
document.getElementById("studentImage").src = "中学生图片链接"; // 替换为实际的中学生图片URL
}
}
</script>
<button onclick="generateRandomNumber()">点击生成随机数</button>
<div id="randomNumber"></div>
</body>
</html>
```
这段代码首先在JavaScript函数中生成了一个介于7和19之间的随机整数,然后将其显示在页面上。接着根据随机数的大小决定显示小学生还是中学生图片。
注意:你需要替换"小学生图片链接"和"中学生图片链接"为你实际存放图片的URL地址。
阅读全文