javascript - HTMLフォームから取得した値を、別の.jsスクリプトにあるTaffyDBデータベースに渡します

Question

HTMLフォームからラジオとチェックボックスの値を取得し、TaffyDB構造化データベースが初期化される外部javascriptファイルに値を保存/エクスポート/渡しようとしています。

HTML:

            <strong> <font color="black">Color</strong></font>
            <form name="colorForm">
                <input type="checkbox" name="color" value="Red">
                <font color="black">Red
                    <br>
                </font>
                <input type="checkbox" name="color" value="Orange">
                <font color="black">Orange
                    <br>
                </font>
                <input type="checkbox" name="color" value="Yellow">
                <font color="black">Yellow
                    <br>

                <!--function to return checkbox values for colors-->
                <script type="text/javascript">
                    function get_color() {
                        //console.log(document.colorForm);
                        for (var i = 0; i < document.colorForm.length; i++) {
                            while (document.colorForm[i].checked && i < document.colorForm.length) {
                                var check_color = document.colorForm[i].value;
                                return check_color;
                                colorList.insert({color:get_color});
                            }//end of while
                        }//end of for
                    }//end of get_color
                </script>

JavaScript:

var colorList = TAFFY();

Answer 1

データベースに挿入する前に check_color を返しています。

return ステートメントは function を終了します。その後でコードを実行することはできません。

returnステートメントを別の場所に配置してみてください。