首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

创建一个html页面,添加两个文本框,用户将在其中输入两个数字:n和m

创建一个HTML页面,添加两个文本框,用户将在其中输入两个数字n和m。

HTML代码如下:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
    <title>输入两个数字</title>
</head>
<body>
    <label for="num1">数字1:</label>
    <input type="text" id="num1" name="num1"><br><br>
    
    <label for="num2">数字2:</label>
    <input type="text" id="num2" name="num2"><br><br>
    
    <button onclick="calculate()">计算</button>
    
    <script>
        function calculate() {
            var num1 = parseInt(document.getElementById("num1").value);
            var num2 = parseInt(document.getElementById("num2").value);
            
            if (isNaN(num1) || isNaN(num2)) {
                alert("请输入有效的数字!");
                return;
            }
            
            var sum = num1 + num2;
            alert("两个数字的和为:" + sum);
        }
    </script>
</body>
</html>

这段HTML代码创建了一个包含两个文本框和一个计算按钮的页面。用户可以在文本框中输入数字n和m。点击计算按钮后,通过JavaScript代码获取文本框中的值,并进行数字相加操作。最后,弹出一个对话框显示两个数字的和。

这个页面适用于需要用户输入两个数字并进行计算的场景,比如简单的加法运算。腾讯云提供了丰富的云计算产品,可以根据具体需求选择合适的产品进行部署和运行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券