<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="GBK">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>数进制转换</title>
</head>
<body>
<script>
function change(type){
var in_text = document.getElementById("in_text").value;
var out_text = Number(in_text).toString(type);
document.getElementById("out_text").value=out_text;
}
</script>
<label >输入十进制数字:</label><input type="text" name="in_text" id="in_text"/>
</br></br>
<button id="button_c2" οnclick="change(2)">转化为2进制</button> <button id="button_c8" οnclick="change(8)">转化为8进制</button> <button id="button_c16" οnclick="change(16)">转化为16进制</button>
</br></br>
<label > 输出结果:</label><input type="text" name="out_text" id="out_text"/>
</body>
</html>
<html lang="en">
<head>
<meta charset="GBK">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>数进制转换</title>
</head>
<body>
<script>
function change(type){
var in_text = document.getElementById("in_text").value;
var out_text = Number(in_text).toString(type);
document.getElementById("out_text").value=out_text;
}
</script>
<label >输入十进制数字:</label><input type="text" name="in_text" id="in_text"/>
</br></br>
<button id="button_c2" οnclick="change(2)">转化为2进制</button> <button id="button_c8" οnclick="change(8)">转化为8进制</button> <button id="button_c16" οnclick="change(16)">转化为16进制</button>
</br></br>
<label > 输出结果:</label><input type="text" name="out_text" id="out_text"/>
</body>
</html>