Javascript can';无法获取此输入的值

Javascript can';无法获取此输入的值,javascript,function,dom,event-handling,Javascript,Function,Dom,Event Handling,我试图得到我的输入值,但它说的是鼠标事件。如果我只是调用这个函数而不是eventListener,那么它就是undefined。 let btn=document.getElementById('btn'); 设pra=document.getElementById('inp1').value; 让cont=document.getElementById('容器') 函数执行(pra){ 让newElemet=document.createElement('p'); newElemet.inne

我试图得到我的输入值,但它说的是鼠标事件。如果我只是调用这个函数而不是eventListener,那么它就是undefined。
let btn=document.getElementById('btn');
设pra=document.getElementById('inp1').value;
让cont=document.getElementById('容器')
函数执行(pra){
让newElemet=document.createElement('p');
newElemet.innerHTML=pra;
cont.appendChild(newElemet)
}
btn.addEventListener('单击',执行)

添加
有两个问题

  • 事件处理程序的
    pra
    参数表示事件(如您所说的鼠标事件),并覆盖
    pra
    全局变量。您可以删除该参数以消除阴影

  • 全局
    pra
    变量包含加载脚本时存在的值(空)。您需要制作表示输入元素的
    pra

  • let btn=document.getElementById('btn');
    设pra=document.getElementById('inp1');
    让cont=document.getElementById('容器')
    函数execute(){
    让newElemet=document.createElement('p');
    newElemet.innerHTML=pra.value;
    cont.appendChild(newElemet)
    }
    btn.addEventListener('单击',执行)
    
    添加
    
    function execute(pra){
    pra
    不是全局
    pra
    变量。完全删除
    pra
    并更改为
    newElemet.innerHTML=document.getElementById('inp1')。值;
    是的,我已经完成了,它正在工作