时间戳

首页 > 解决方案 > 如何在变量中引用站点上的键入文本

javascript - 如何在变量中引用站点上的键入文本

问题描述

我如何将用户在网站上键入的文本放入变量中？

我有一个待办事项列表，我需要获取用户输入的诸如“去商店”之类的任务文本并将其放入变量中，以便我可以创建一个包含任务的新行。应该输入的行是：

<body>
    <div id="myDIV" class="header">
      <h2>Мой список дел</h2>
      <input type="Go to shop" id="myInput" placeholder="Name it">
      <span onclick="newElement()" class="addBtn">Добавить</span>
    </div>

我应该把它放在这里（应该使用 JS 来完成）：

let addNote = document.getElementById('myInput')
    addNote.onclick=function(){
        
            let span = document.createElement('li');
            let txt = document.createTextNode(input.type(the text should be here))
            span.className = 'NewTask';
            span.appendChild(txt)
            mynodelist.appendChild(span)
        }

或者你会建议我读什么来帮助我解决这个问题？

谢谢指教

标签： javascript

解决方案

由于您的“.addBtn”范围中已经有一个单击事件处理程序，因此您将定义该函数来处理新待办事项的附加。

const newElement = () => {
   const mynodelist = document.getElementById('{your list id}')
   let addNote = document.getElementById('myInput');
   let span = document.createElement('li');
   let txt = document.createTextNode(addNote.value)
   span.className = 'NewTask';
   span.appendChild(txt);
   mynodelist.appendChild(span);
}

{your list id} 是一个占位符，因为从您的代码中我无法获取 Id。您需要将其替换为您的有效身份证件。

希望它是有帮助的。

推荐阅读