parent
c0e813cb14
commit
1f84ac1076
@ -0,0 +1,41 @@
|
|||||||
|
<!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>
|
Loading…
Reference in new issue