Gửi Form HTML đến Google Sheet lưu data và gửi thông báo email, không cần server mới nhất 2023

CODE SCRIPT:

<script>

//-- captcha ---

var chuArray = ["Một", "Hai", "Ba", "Bốn", "Năm", "Sáu", "Bảy", "Tám", "Chín", "Mười"];

var soArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var myArray = [].concat(chuArray, soArray);

var my2Array = [].concat(soArray, soArray);

var rand1 = "Một";

var rand2 = "2";

var num1 = 0;

var num2 = 0;

var tong = 0;

function captcha() {

rand1 = myArray[(Math.random() * myArray.length) | 0];

rand2 = myArray[(Math.random() * myArray.length) | 0];

num1 = my2Array[myArray.indexOf(rand1)];

num2 = my2Array[myArray.indexOf(rand2)];

tong = num1 + num2;

document.querySelector("#form2sheet input[name='captcha']").placeholder = rand1 + " + " + rand2 + " = ?";

}

//-----end code captcha-----

window.addEventListener("load", function() {

captcha();

const form = document.getElementById('form2sheet');

form.addEventListener("submit", function(e) {

e.preventDefault();

//----- checkbok------

var checkBox = document.querySelectorAll('input[type="checkbox"]');

// mảng value mặt định checkbox

var arrValueDefault = [];

// tạo mảng name trường checkbox

var arrName = [];

for (let i = 0; i < checkBox.length; i++) {

let name = checkBox[i].getAttribute("name");

arrName.push(name);

let value = checkBox[i].value;

arrValueDefault.push(value);

}

var groupName = Array.from(new Set(arrName)); // lọc giá trị trùng

arrValue();

function arrValue() {

for (let i = 0; i < groupName.length; i++) {

let arrNameGroup = document.querySelectorAll('input[name="' + groupName[i] + '"]');

let arrIndex = [];

let arrValue = [];

for (let j = 0; j < arrNameGroup.length; j++) {

if (arrNameGroup[j].checked) {

let value = arrNameGroup[j].value;

arrIndex.push(j);

arrValue.push(value);

}

}

if (arrIndex.length !== 0) {

arrNameGroup[arrIndex[0]].value = arrValue.join("; ");

} else {

arrNameGroup[0].checked = true;

arrNameGroup[0].value = "-/-";

}

}

}

//-----end checkbox-----

if (document.querySelectorAll('input.ch3ch-b0t')[0].value + document.querySelectorAll('input.ch3ch-b0t')[1].value + document.querySelectorAll('input.ch3ch-b0t')[2].value == "" && document.querySelector("#form2sheet input[name='captcha']").value == tong) {

document.querySelector("#form2sheet .loading").classList.remove("hidden");

const data = new FormData(form);

const action = e.target.action;

fetch(action, {

method: 'POST',

body: data,

})

.then(() => {

document.querySelector("#form2sheet .loading").classList.add("hidden");

captcha();

form.reset();

alert("Submit Success!");

});

} else {

captcha();

form.reset();

alert("Không thành công!\nNhập sai CAPTCHA");

}

//----reset value về mặt định--

for (let i = 0; i < checkBox.length; i++) {

checkBox[i].value = arrValueDefault[i];

}

});

});

</script>