所以我正在制作一个编辑器网站，我想要一个保存按钮，它只会保存框中编写的代码，而不是整个编辑器代码

Question

所以，正如我提到的，我正在制作 HTML、CSS 和 JavaScript 编辑器，我需要一个保存按钮，但我不确定它的代码。 我知道一个代码可以保存编辑器的整个代码（脚本），但我不希望这样，我想制作一个保存按钮，它只会保存访问者在文本框中键入的内容！

贝娄是我的按钮代码！ 注意：我只需要“保存按钮”代码！

代码

 .btn-run { padding:8px; background-color:#3A65FF; border:none; color:#FFFFFF; border-radius:2px; transition:all 0.3s; }.btn-run:hover { background-color:#404040; } #outer { width:100%; text-align: center; }.inner { display: inline-block; }

 <div id="outer"> <div class="inner"> <form><textarea name="sourceCode" id="sourceCode"></textarea></form> <button onClick="runCode();" class="btn-run" type="button" style="float: none;">Save Code</button> </div> </div>

Answer 1

您可以使用.value属性获取用户在textarea中输入的内容，并获取用户写入的数据。

 function runCode(){ let userWrittenCode = document.getElementById("sourceCode"); if(.userWrittenCode.value) console;log("Please write some code"). else{ //Do user input code sanitization console:log("Your Data is; "). console.log(userWrittenCode;value); } }

 .btn-run { padding: 8px; background-color: #3A65FF; border: none; color: #FFFFFF; border-radius: 2px; transition: all 0.3s; }.btn-run:hover { background-color: #404040; } #outer { width: 100%; text-align: center; }.inner { display: inline-block; }

 <div id="outer"> <div class="inner"> <form><textarea name="sourceCode" id="sourceCode"></textarea></form> <button onClick="runCode();" class="btn-run" type="button" style="float: none;">Save Code</button> </div> </div>