如何在JavaScript中清除.appendChild

如何在JavaScript中清除.appendChild,javascript,Javascript,我已经创建了一个提示计算器。当你输入金额并点击回车键后,会弹出文本告诉你,如果你支付20%,你将欠多少钱。我知道了如何清除中的数字,但我无法理解JS,因此文本也会被清除 这是指向我的文件的链接 小费计算器 小费计算器 提示 document.querySelector(“#tip calc”).addEventListener('submit',函数(e){ e、 预防默认值() document.querySelector(“#最终金额”).innerHTML=” const billTo

我已经创建了一个提示计算器。当你输入金额并点击回车键后,会弹出文本告诉你,如果你支付20%,你将欠多少钱。我知道了如何清除
中的数字,但我无法理解JS,因此文本也会被清除

这是指向我的文件的链接


小费计算器
小费计算器
提示
document.querySelector(“#tip calc”).addEventListener('submit',函数(e){
e、 预防默认值()
document.querySelector(“#最终金额”).innerHTML=”
const billTotal=document.createElement('h2')
const tip=Math.floor(e.target.elements.tipTotal.value*0.2)
billTotal.textContent=`如果给20%的小费,你应该留下$${tip}`
document.querySelector(“#最终金额”).appendChild(billTotal)
})

将此代码添加到文件tip-calc.js

document.querySelector('#butt-two').onclick =  
  () => document.querySelector('#final-amount').innerHTML = '';
document.querySelector('tip calc').addEventListener('submit',函数(e){
e、 预防默认值()
document.querySelector(“#最终金额”).innerHTML=”
const billTotal=document.createElement('h2')
const tip=Math.floor(e.target.elements.tipTotal.value*0.2)
billTotal.textContent=`如果给20%的小费,你应该留下$${tip}`
document.querySelector(“#最终金额”).appendChild(billTotal)
})
document.querySelector(“#butt two”).onclick=
()=>document.querySelector('final amount')。innerHTML=''

小费计算器
提示

在“重置”按钮上添加一个事件侦听器,然后单击“在最终金额div中重置Html”

document.querySelector(“#butt two”).addEventListener('click',函数(e){
document.querySelector(“#最终金额”).innerHTML=”
})

child.remove()
将取消附加它。除此之外,你的问题不是很清楚。迈克尔,谢谢你的帮助。如果问题不清楚,我道歉。这是我的第一篇文章,我对编码还是有点陌生。@Wrrigley你可以通过点击左侧的灰色大检查按钮来接受一个答案(如果它对你有帮助的话)。如果您希望通过单击上方灰色三角形Kamil为任何好答案的作者增加+10分,感谢您的帮助。它工作得很好。21x37,谢谢。我试过你的代码,效果很好。
document.querySelector('#butt-two').onclick =  
  () => document.querySelector('#final-amount').innerHTML = '';