进制转换器
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
进制转换器
代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>进制转换器</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
input, select {
padding: 10px;
margin: 10px;
font-size: 16px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>进制转换器</h1>
<input type="number" id="number" placeholder="输入数字"> <select id="fromBase">
<option value="2">二进制</option>
<option value="8">八进制</option>
<option value="10" selected>十进制</option>
<option value="16">十六进制</option>
</select>
<span>转换为</span>
<select id="toBase">
<option value="2">二进制</option>
<option value="8">八进制</option>
<option value="10">十进制</option>
<option value="16">十六进制</option>
</select>
<button onclick="convert()">转换</button>
<p id="result"></p>
<script>
function convert() {
var number = document.getElementById('number').value;
var fromBase = document.getElementById('fromBase').value;
var toBase = document.getElementById('toBase').value;
var result = parseInt(number, fromBase).toString(toBase);
document.getElementById('result').innerText = '转换结果：' + result;
}
</script>
</body>
</html>
展示效果：
使用说明：这是一个网页文件，复制代码保存成.html文件，双击打开即可。