Javascript/What I'；我输入的是我所输入的'；我看到了

我有一个输入字段和一个目标。因此，我希望键入的数据在我的目标中同时出现

button.onclick = function() {
var newEvent = document.getElementById('event');//it's my input field
var spanNewEvent = document.querySelector('dataEvent');//it's my destination place <span>...</span>
newEvent.innerHTML = spanNewEvent.innerHTML;//does not work

button.onclick=function（）{
var newEvent=document.getElementById（'event'）；//这是我的输入字段
var span=document.querySelector（'dataEvent'）；//这是我的目的地。。。
newEvent.innerHTML=spanwevent.innerHTML；//不工作

HTML代码：

<span class = "spanEvent" data-event= "spanEvent"></span>
<form>...<input data-type-event="text" placeholder="Event" id="event">...</form>

......

---

求求你，救命！今晚我们已经与它斗争太久了。提前谢谢你！

键入的数据不会同时出现，因为你正在将代码放入一个

onclick

函数中，所以你必须单击按钮才能使文本显示在

span

中

您还没有正确选择输入，因此要解决这个问题，您需要使用

var-span-wevent=document.querySelector（“#事件”）；

---

此外，您需要使用

value

从输入字段中获取数据，如下所示：

newEvent.innerHTML=span wevent.value；

这将起作用，您需要为span指定id“dataEvent”以使其更容易：

var newEvent = document.getElementById('event');//it's my input field
var spanNewEvent = document.querySelector('dataEvent');

    newEvent.addEventListener('keyup', showthereto);

function showthereto() {
    document.getElementById('dataEvent').innerHTML = this.value;
}

---

此代码分配给按钮的onclick，因此它仅在您单击按钮时执行…HTML中的哪个按钮触发了它？您正在尝试将输入字段的内部HTML设置为span的内部HTML.flip newEvent.innerHTML和span wevent.innerHTML，并将newEvent更改为newEvent.valuequerySelector

dataEvent

将选择类型为

dataEvent

的第一个元素。我怀疑您的页面中是否有

dataEvent

标记。我想这应该是

'.spanEvent'

或

'span[data event=“spanEvent”]“

@AndrewCounts是的，我知道。这是一个提交按钮。但当我点击它时，它会显示为nix。var button=document.getElementById（'done'）；button.onclick=function（）{var newEvent=document.getElementById（'event'）；var span wevent=document.querySelector（'dataEvent'））；newEvent.innerHTML=span wevent.innerHTML；console.log显示：未捕获类型错误：无法设置nullindex的属性'innerHTML'显示我现在所做的。但它什么也不做。尽管，控制台中没有消息。尽管有我键入的文本控制台。log显示：未捕获类型错误：无法读取nullAnswer已编辑的属性'value'-该错误为表明您的

querySelector

没有正确地针对输入元素。

document.getElementById("event").addEventListener("input", function() {
    document.querySelector(".spanEvent").textContent = this.value;
});