Javascript 是否可以使用提交功能将文本区域保存到新文件？_Javascript_Html_Onclick

Javascript 是否可以使用提交功能将文本区域保存到新文件？

javascript html

Javascript 是否可以使用提交功能将文本区域保存到新文件？,javascript,html,onclick,Javascript,Html,Onclick,我想看看在我的页面上单击“提交”时，是否可以使用脚本将两个文本区域写入一个文件？（对于total context，这些是本地托管在计算机上的HTML页面，而不是存放在任何服务器上）我成功地学会了用javascript擦除两个文本区域：擦除文本，并让该按钮将值设置为“” 我一直在寻找一个选择，但我不知道我问的方式是否正确感谢您的帮助为清晰起见进行编辑函数橡皮擦文本（）{ document.getElementById（“一”）.value=“”； document.getElementB

我想看看在我的页面上单击“提交”时，是否可以使用脚本将两个文本区域写入一个文件？（对于total context，这些是本地托管在计算机上的HTML页面，而不是存放在任何服务器上）

我成功地学会了用javascript擦除两个文本区域：擦除文本，并让该按钮将值设置为“”

我一直在寻找一个选择，但我不知道我问的方式是否正确

感谢您的帮助

为清晰起见进行编辑


函数橡皮擦文本（）{
document.getElementById（“一”）.value=“”；
document.getElementById（“两个”）.value=“”；
}
函数提交（）{
}

因此，我希望单击submit并将“一”和“二”中的值解析为单个HTML输出


<!DOCTYPE html>
<html>
<head>
<script>

function eraseText() {
    document.getElementById("one").value = "";
    document.getElementById("two").value = "";
}

function submit() {
    var combined = "";
    combined += document.getElementById("one").value;
    combined += document.getElementById("two").value;
    document.getElementById("destination").innerHTML = combined;
}

</script>
</head>
<body>

<div id="boxes">

<textarea id='one' rows="20" cols="70">
</textarea>
<p></p>
<textarea id='two' rows="20" cols="70">
</textarea>

</div>

<p id="destination"></p>
<input type="button" value="Clear" onclick="eraseText();">
<input type="button" value="Submit" onclick="submit();">

</body>
</html>

函数橡皮擦文本（）{
document.getElementById（“一”）.value=“”；
document.getElementById（“两个”）.value=“”；
}
函数提交（）{
var组合=”；
组合+=document.getElementById（“一”）值；
组合+=document.getElementById（“两个”）.value；
document.getElementById（“目的地”）.innerHTML=组合；
}

如果我正确理解了您的问题，那么不使用任何服务器端代码来完成此任务的解决方案如下

让我们写下您的HTML当前可能的样子

<textarea></textarea>
<textarea></textarea>
<button type="submit">Submit</button>


提交

当你说“单个文件”时，你指的是实际的、可下载的文件吗？这是一个可以接受的选项。最终的结果很简单，就是将信息放在两个具有基本HTML格式的文本区域中，我希望能够单击“提交”，并让它一起显示格式化HTML的结果。-So textAreaOne=“这是粗体。我不清楚你想要什么，你能举个例子吗？很抱歉告诉你，这可能是重复的，但这是非常基本的东西（即不是很重要）。你还问如何创建/保存一个新文件（这就是为什么有人将此标记为问题的重复，而你的问题不是重复的），然后在您的评论中说您实际上想要完全不同的东西，即在页面上显示组合文本。只需查看

.innerHTML

。另外，您不需要为

onclick

属性添加

javascript:

，因为点击处理已经由JS完成。您应该为

docum添加一个结束引号getElementById（“目的地”）.innerHTML=组合

使其成为

document.getElementById（“目的地”）.innerHTML=combined。回答得好though@Maxtnx，没有看到打字错误；p@SamApostel非常感谢你！我刚试了一下，效果很好！太好了：D非常感谢你的帮助。我投了更高的票，但我还是太新了，我想我不能公开计算。@Max感谢您在下面的输入和对结束报价的帮助。你同样令人敬畏：D@adrian啊，是的，继续编码。继续努力！别忘了看别人的作品☺️我认为你不应该在这里加入eventListeners。。。很好的解释虽然嗯，我很确定使用javascript:STUFF不再被认为是好代码，尽管你是正确的！我更新了我的答案以符合最新的标准（我想）。如果你还有别的发现，我很乐意给你换☺️是的，代码现在很好！我不想使用onclick，以防他们在开发后期绑定多个侦听器（即早期使用良好实践），但onclick工作得很好。是的，合作很有效！！
<textarea></textarea>
<textarea></textarea>
<button type="submit">Submit</button>