谁能解答一下,谁能解答

a输入框中输入的内容和b输入框中输入的内容,在b输入框失去焦点时, 会在 a+b后面的输入框显示。在线急等
感谢大家的指点,问题已经解决了,不用回复了!
我的代码:

aa= b= a+b=
    <script>
        
        var v1=document.getElementById("v1");
        var v2=document.getElementById("v2");
        var v3=document.getElementById("v3");
        v2.onblur=function(){
            var a=v3.value;
            v3.innerHTML=v1.value+v2.value;
        }

img


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <input type="text" class="a">+
    <input type="text" class="b" onblur="eq()">=
    <input type="text" class="c">
    <script>
        function eq() {
            let a = document.querySelector(".a").value;
            let b = document.querySelector(".b").value;
            console.log(a);
            console.log(b);
            document.querySelector(".c").value = parseInt(a) + parseInt(b);
        }
    </script>
</body>

</html>

无图无真相,你是要3个输入框a\b\a+b,在a和b输入完后在a+b中显示a+b呢还是a和b的和

首先是2个输入框,a和b然后检测b输入框的鼠标失去焦点事件,在事件内执行获取a和b输入框中的内容并显示在后面即可

监听b的onblur事件 在该事件处理函数中获取 a和b的值 把a+b赋值给最后一个


    <script>
        
        var v1=document.getElementById("v1");
        var v2=document.getElementById("v2");
        var v3=document.getElementById("v3");
        v2.addEventListener("blur", function() {
             //如果v3是输入框那就是v3.value=
             v3.textContent=v1.value+v2.value;
         });