分享一个HTML进制之间转换的源码-艺兴技术分享

主要内容

这个在这里面进行进制之间的转换

利用JavaScript实现的一个简单进制转换

有需要的同学可以自取

因为时间关系我就没有对页面美化,如果有需要的话可以私信站长。

代码

<!DOCTYPE html>
<html>
<head>
    <title>进制转换器</title>
    <style>
        input, button, select {
            font-size: 1em;
        }
    </style>
    <script>
        function convertNumber() {
            const inputNumber = document.getElementById('inputNumber').value.trim();
            const inputBase = parseInt(document.getElementById('inputBase').value, 10);
            const outputBase = parseInt(document.getElementById('outputBase').value, 10);

            if (isNaN(inputBase) || isNaN(outputBase)) {
                alert('请输入一个有效的进制');
                return;
            }

            const decimal = parseInt(inputNumber, inputBase);
            if (isNaN(decimal)) {
                alert('请输入一个有效的数字');
                return;
            }

            const outputNumber = decimal.toString(outputBase);
            document.getElementById('outputNumber').value = outputNumber;
        }

        function copyResult() {
            const outputNumber = document.getElementById('outputNumber');
            outputNumber.select();
            document.execCommand('copy');
            alert('结果已复制到剪贴板');
        }

        function generateOptions() {
            let options = '';
            for (let i = 2; i <= 36; i++) {
                options += `<option value="${i}">${i}</option>`;
            }
            return options;
        }
    </script>
</head>
<body>
    <h1>进制转换器</h1>
    <p>请输入一个数字：</p >
    <input type="text" id="inputNumber" />
    <p>输入进制：</p >
    <select id="inputBase">
        <script>
            document.write(generateOptions());
        </script>
    </select>
    <p>输出进制：</p >
    <select id="outputBase">
        <script>
            document.write(generateOptions());
        </script>
    </select>
    <button onclick="convertNumber()">转换</button>

    <h2>结果：</h2>
    <input type="text" id="outputNumber" readonly />
    <button onclick="copyResult()">复制</button>
</body>
</html>

运行效果

其他语言进制转换

python进制转换

用Python实现进制之间的转换

2年前

09511

Java进制转换

用Java实现进制之间的转换

2年前

0805

文章版权声明 1、本网站名称：艺兴技术
2、本站永久网址：https://z7h.cn/
3、仅供大家学习与参考，如有侵权，请联系站长QQ2945314004进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、转发文章必须保留原文链接,侵权必究！！

免责声明：
本站提供的资源所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关。您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。侵删请致信 E-mail：2945314004@qq.com。

THE END