You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.5 KiB
42 lines
1.5 KiB
2 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>基数转换器</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>基数转换器</h1>
|
||
|
|
<form id="baseConverterForm">
|
||
|
|
<label for="sourceBase">源基数 (2-16):</label>
|
||
|
|
<input type="number" id="sourceBase" name="sourceBase" min="2" max="16" required>
|
||
|
|
<br><br>
|
||
|
|
<label for="valueToConvert">要转换的值:</label>
|
||
|
|
<input type="text" id="valueToConvert" name="valueToConvert" required>
|
||
|
|
<br><br>
|
||
|
|
<label for="targetBase">目标基数 (2-16):</label>
|
||
|
|
<input type="number" id="targetBase" name="targetBase" min="2" max="16" required>
|
||
|
|
<br><br>
|
||
|
|
<button type="submit">转换</button>
|
||
|
|
</form>
|
||
|
|
<div id="result"></div>
|
||
|
|
|
||
|
|
<!-- JavaScript代码将放在这里 -->
|
||
|
|
<script>
|
||
|
|
document.getElementById('baseConverterForm').addEventListener('submit', function(event) {
|
||
|
|
event.preventDefault(); // 阻止表单默认提交行为
|
||
|
|
|
||
|
|
const sourceBase = parseInt(document.getElementById('sourceBase').value);
|
||
|
|
const targetBase = parseInt(document.getElementById('targetBase').value);
|
||
|
|
const valueToConvert = document.getElementById('valueToConvert').value.toUpperCase();
|
||
|
|
|
||
|
|
// 转换逻辑
|
||
|
|
let decimalValue = parseInt(valueToConvert, sourceBase);
|
||
|
|
let convertedValue = decimalValue.toString(targetBase);
|
||
|
|
|
||
|
|
// 将结果展示在页面上
|
||
|
|
document.getElementById('result').innerHTML = `转换后的值: ${convertedValue}`;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|