Javascript 如何单击按钮从textarea获取所有内容，运行函数，然后在新div中显示最终值？

我正处于学习阶段，你能给我解释一下答案吗

如果可能的话，如果你能向我解释一下我做错了什么，然后告诉我更好的方法，我将不胜感激

//箭头函数
const reverseEnumber=num=>（num.toString（）.split（“”）.reverse（）.join（“”）；
设textAreaEl=document.querySelector（“#text area”）；
让submitButtonEl=document.querySelector（“#输出按钮”）；
让outputAreaEl=document.querySelector（“#output”）；
submitButtonEl.addEventListener（“单击”，（）=>{
textAreaValue=ReverseEnumber（textAreaEl）
outputAreaEl.innerHTML=textAreaValue.value；
});

返回按字母顺序传递的字符串的JavaScript函数
首先，没有带有输出按钮的元素。你需要解决这个问题

如果要将元素本身传递给
reverseNumber（）
，则应将值传递给函数

如果文本是纯文本（不是htmlString），我还建议您使用
innerText
或
textContent
而不是
innerHTML

演示：


const reverseEnumber=num=>（num.toString（）.split（“”.reverse（）.join（“”））；
设textAreaEl=document.querySelector（“#text area”）；
让submitButtonEl=document.querySelector（“#输出按钮”）；
让outputAreaEl=document.querySelector（“#output”）；
submitButtonEl.addEventListener（“单击”，（）=>{
textAreaValue=reverseEnumber（textAreaEl.value）；//在此处传递值
outputAreaEl.textContent=textAreaValue；//此处无需使用值
});

返回按字母顺序传递的字符串的JavaScript函数
首先，textarea id不正确，因此querySelector返回undefined，并且没有附加click事件。我已经更正了html中的按钮id

您需要使用
textAreaEl.value
查找textarea文本并将其传递给ReverseEnumber函数


//箭头函数
const reverseEnumber=num=>（num.toString（）.split（“”）.reverse（）.join（“”）；
设textAreaEl=document.querySelector（“#text area”）；
让submitButtonEl=document.querySelector（“#输出按钮”）；
让outputAreaEl=document.querySelector（“#output”）；
submitButtonEl.addEventListener（“单击”，（）=>{
textAreaValue=ReverseEnumber（textAreaEl.value）
outputAreaEl.innerHTML=textAreaValue；
});

反转数字的JavaScript函数
您的脚本应该是这样的

const reverseNumber = num => (num.toString().split("").reverse().join(""));
console.log(reverseNumber(54321));

let textAreaEl = document.querySelector('#text-area');
let submitButtonEl = document.querySelector('#return-value');
let outputAreaEl = document.querySelector('#output');

submitButtonEl.addEventListener("click", () => {
    let textAreaValue = reverseNumber(textAreaEl.value);  
    outputAreaEl.innerHTML = textAreaValue;
});

首先，您的
文档.querySelector（“#输出按钮”）
与
不匹配

其次，您必须使用变量声明关键字来获取
textAreaEl.value
我看这里没有问题。。。你有什么问题？如果您没有问题，只想查看代码，请立即查看标题。以下是您的代码修复，主要是基本的打字错误：请注意在JS代码中正确引用实际的
id
s，还有一个元素与其
.value
或
.innerHTML
之间的差异，请注意：这是OP方面99%的疏忽，并不是真正的编程问题。我看不出这些对这个网站有什么帮助。在这里发布答案鼓励人们跳过基本调试，直接转到SO，这将使该网站在长期内完全无法使用。感谢您的时间和支持answer@PaulC）谢谢你的时间和答案谢谢你的时间和答案