用网页写一个磁盘分区计算器
以下是一个简单的磁盘分区计算器的网页示例:
<!DOCTYPE html>
<html>
<head>
<title>磁盘分区计算器</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
form {
margin-top: 20px;
}
label {
display: block;
margin-bottom: 10px;
}
input[type="number"] {
width: 100%;
padding: 5px;
font-size: 16px;
}
input[type="submit"] {
margin-top: 10px;
padding: 10px 20px;
font-size: 16px;
}
#result {
margin-top: 20px;
padding: 10px;
background-color: #f2f2f2;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>磁盘分区计算器</h1>
<form id="partitionForm">
<label for="diskSize">磁盘大小(GB):</label>
<input type="number" id="diskSize" name="diskSize" required>
<label for="partitionSize">分区大小(GB):</label>
<input type="number" id="partitionSize" name="partitionSize" required>
<input type="submit" value="计算">
</form>
<div id="result"></div>
<script>
document.getElementById("partitionForm").addEventListener("submit", function(event) {
event.preventDefault();
var diskSize = parseInt(document.getElementById("diskSize").value);
var partitionSize = parseInt(document.getElementById("partitionSize").value);
var numPartitions = Math.floor(diskSize / partitionSize);
var remainingSpace = diskSize % partitionSize;
var result = "可创建的分区数: " + numPartitions + "<br>";
result += "剩余空间: " + remainingSpace + "GB";
document.getElementById("result").innerHTML = result;
});
</script>
</body>
</html>
这个网页包含一个表单,用户可以输入磁盘大小和分区大小。当用户点击"计算"按钮时,JavaScript代码将计算可创建的分区数和剩余空间,并将结果显示在页面上。
原文地址: https://www.cveoy.top/t/topic/hOuK 著作权归作者所有。请勿转载和采集!