我制作了一个虚拟键盘，当我从键盘（数字）检查显示值时，它是未定义的...我如何获得一个数字作为值？

Question

(HTML)
  <div class="keyboard-login">
           
                  <div class="display-login" ></div>
                   <div class="buttons">                      
                     <div class="key-btn-container">        
                         <button  class="key key-btn key_1">1</button>
                     </div>
  
                     <div class="key-btn-container">  
                         <button  class="key key-btn key_2">2</button>
                    </div>
                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
                  </div>

             </div>

(javascript)


keyboardLogin.addEventListener('click',(e)=>{
    

    console.log(loginDisplay.value);

    if (e.target.classList.contains('key_1')) {
        let valu = loginDisplay.innerHTML;
        loginDisplay.innerHTML=valu+'1';
    }
    if (e.target.classList.contains('key_2')) {
        let valu = loginDisplay.innerHTML;
        loginDisplay.innerHTML=valu+'2';
    }
    if (e.target.classList.contains('key_3')) {
        let valu = loginDisplay.innerHTML;
        loginDisplay.innerHTML=valu+'3';
    }
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
});

您好。我正在制作一个虚拟键盘，当我检查 'console.log(login display.value);' 时，它显示 'undefined'。我需要来自显示元素的数字值。我能做什么？？谢谢。

Answer 1

变化：

e.target.classList.contains('key_1')

作者：

e.target.className.includes('key_1')

如果 loginDisplay 是输入标签，更改：

if (e.target.classList.contains('key_1')) {
        let valu = loginDisplay.innerHTML;
        loginDisplay.innerHTML=valu+'1';
    }

作者：

    if (e.target.className.includes('key_1')) {

        loginDisplay.value += '1';
    }

我制作了一个虚拟键盘，当我从键盘（数字）检查显示值时，它是未定义的...我如何获得一个数字作为值？

I made a virtual keyboard, and when I check value of display from keyboard(number), it's undefined...How I get a number as value?

javascript

keyboard