【JS】:JS实现的一个网页输入然后输出加和的网页

HTML和JavaScript实现动态加和功能
本文展示了如何使用HTML和JavaScript实现一个简单的动态加和功能,包括输入框获取值、计算和展示结果。

直接给源码:

<!DOCTYPE html>
<html>
<body>
<p id="demo">kkkkkkk </p>
<input id="1" type ="text">
<input id="2" type ="text">
<script>
function mm(){
    var x = document.getElementById("1").value;
    var y = document.getElementById("2").value;
    x = x+y;
    document.getElementById('demo').innerHTML  = x;
}
</script>
<button onclick="mm()">加和</button>
</body>
</html>

这里写图片描述

思路:
通过获得框里面的值,然后加和赋给想要的控件,方法为给控件加ID

改变控件显示的方法为.innerHTML = 变量名;

如此牛逼的方法,你慌不慌,啊哈哈哈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值