所以我正在制作一個編輯器網站，我想要一個保存按鈕，它只會保存框中編寫的代碼，而不是整個編輯器代碼

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>