Content Editor WebPart With CSOM

Im writing simple code to save data to LIST using CSOM, include in CEWP.

The Code of full file that can be bounded to CEWP.

=======================================================================

<div onkeydown='javascript:if (event.keyCode == 13) postSurvey()'>
    <p>1. How is the weather?<br />
         <input name='q1' id='q1Bad' type='radio' value='Bad'/><label for='q1Bad'> Bad</label><br />
         <input name='q1' id='q1Good' type='radio' value='Good'/><label for='q1Good'> Good</label><br />
         <input name='q1' id='q1Great' type='radio' value='Great'/><label for='q1Great'> Great</label>
    </p>
    <p>2. How are you doing?<br />
         <input name='q2' id='q2Fine' type='radio' value='Fine'/> <label for='q2Fine'>Fine</label><br />
         <input name='q2' id='q2Good' type='radio' value='Good' /><label for='q2Good'> Good</label><br />
         <input name='q2' id='q2Great' type='radio' value='Great' /><label for='q2Great'> Great</label>
    </p>
    <input type='button' value='Submit' onclick='javascript:postSurvey();' />

</div>

/*
These 2 files are really important, The Order is also important
*/

<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js" ></script>

<script language='javascript' type='text/javascript'>
        function getCheckedValue(buttonGroup) {
            if (!buttonGroup)
                return '';
            var objLength = buttonGroup.length;
            if (objLength == undefined) {
                if (buttonGroup.checked)
                    return buttonGroup.value;
                else
                     return '';
            }
            for (var i = 0; i < objLength; i++) {
                if (buttonGroup[i].checked)
                    return buttonGroup[i].value;
            }
            return '';
        }
     
        function postSurvey() {
       
            // Retrieve the radio button values

            var question1 = getCheckedValue(document.getElementsByName('q1'));
            var question2 = getCheckedValue(document.getElementsByName('q2'));

            /* Validate the response.
               Do nothing more until all questions are answered.
            */
            if (question1 == '' || question2 == '') {
                alert('Please answer all questions.')
                return;
            }

// Get the current context
           var context = new SP.ClientContext.get_current();

           // Get the current site (SPWeb)
           var web = context.get_web();

           // Get the survey list
           var list = web.get_lists().getByTitle('SampleSurvey');

           // Create a new list item
           var itemCreateInfo = new SP.ListItemCreationInformation();
           var listItem = list.addItem(itemCreateInfo);

           /* Set fields in the item.
              In managed code, this would be listItem[fieldname] = value.
              In Javascript, call listItem.set_item(fieldName,value).
           */
           listItem.set_item('How_x0020_is_x0020_the_x0020_wea', question1);
           listItem.set_item('How_x0020_are_x0020_you_x0020_do', question2);
           listItem.update();

           // Create callback handlers
           var success = Function.createDelegate(this, this.onSuccess);
           var failure = Function.createDelegate(this, this.onFailure);

           // Execute an async query
           context.executeQueryAsync(success,failure);

        }

// Async query succeeded.
function onSuccess(sender, args) {

    alert('Thank you for responding to our survey!');
     
    // Refresh the page.
    SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK);
}

// Async query failed.
function onFailure(sender, args) {
    alert(args.get_message());
}
    </script>