javascript - 送信フォームが削除されるため、フォーム入力の値を保存しますか? Javascript DOM

Question

後で呼び出すことができるようにフォーム入力の値を保存しようとしている問題がありますが、送信時にフォームが削除されます。私が達成しようとしているプロセスは、送信時にフォームが削除されると、フォームの入力値を div に入力してメッセージを配信することです。

私には2つの機能があります：

最初の関数は、window.onload の入力フィールドを検証し、入力値を取得します。

2 番目の関数はデータを処理して、送信時に結果を提供します。

これらは、検証を実行する関数に格納される変数です。

var fnamez = document.getElementById("last_name_id").value;
var ftext = document.createTextNode(fnamez);

これは送信時に実行される機能です

function processForm(e) {
e.preventDefault();

if (q1_valid == true && q2_valid == true && q3_valid == true && q4_valid == true && q5_valid == true) {
    var badge = document.getElementById("badge");
    badge.setAttribute('class', 'badge');

    var form_div = document.getElementById('form');
    // remove all child nodes
    while (form_div.hasChildNodes()) {
        form_div.removeChild(form_div.lastChild);
    }

    var congrats = document.createTextNode('congratulations!');
    badge.appendChild(congrats);

    // issue occurs here; thinking its a result of the removal of form
    var zfname = document.getElementById('first_name_id').value;
    var fnametext = document.createTextNode(zfname);
    badge.appendChild(fnametext);


}

バッジは、div id = バッジを見つける変数の名前です

前もって感謝します！