Contact

Untuk pertanyaan seputar saran, pelaporan kesalahan konten, atau kontak pribadi, silakan hubungi saya melalui kontak di bawah ini, saya akan menanggapi sesegera mungkin.

Hubungi Kami <img loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJyxU_ZFLeCeppIrWykJJyHK7rlecxcZmQfnWv6BD6USynHUfcaqUfirW-n6eygS8oYn2888dlBLQaS2W41jVWJTZu2P3qNnaObGfU6gXaDvy_whtKmRiodyus0WgUWpaeDxmylkCm7QjulnJU9TK5j3ieNTZMVaWl9SatzjcuiV5L53jyUHeplyQXX1p/s0-rw/68747470733a2f2f692e70696e696d672e636f6d2f6f726967696e616c732f39662f34332f61362f39663433613636363331313563666661663036636639386632636430653264612e676966.gif" width="50"/> .contact-form-container h2{ text-align: center; color: #007bff; margin-bottom: 30px; font-size: 2em; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; } .form-group input[type="text"], .form-group input[type="email"], .form-group textarea { width: calc(100% - 20px); /* Kurangi padding */ padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; transition: border-color 0.3s ease; } .form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group textarea:focus { border-color: #007bff; outline: none; } .form-group textarea { resize: vertical; min-height: 100px; } .submit-button { width: 100%; padding: 12px; background-color: #28a745; color: white; border: none; border-radius: 5px; font-size: 1.1em; cursor: pointer; transition: background-color 0.3s ease; } .submit-button:hover { background-color: #218838; } .response-message { /* Class baru untuk pesan respons */ margin-top: 20px; padding: 15px; border-radius: 5px; text-align: center; font-weight: bold; display: none; /* Sembunyikan secara default */ } .response-message.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .response-message.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } Nama: Email: Pesan: Kirim Pesan

document.addEventListener('DOMContentLoaded', () => { const form = document.getElementById('contactForm'); const submitButton = document.getElementById('submitButton'); const responseMessageDiv = document.getElementById('responseMessage');

// GANTI DENGAN URL Aplikasi Web Apps Script Anda yang sudah di-deploy const appsScriptUrl = 'https://script.google.com/macros/s/AKfycby4fNAKpkiXmSEkGm7r4FvMePvHTU-HcjDJxJ3B9lMENyHS2iibvKbD7Rs90Sn692UR/exec';

form.addEventListener('submit', async (event) => { event.preventDefault(); // Mencegah pengiriman formulir default (reload halaman)

responseMessageDiv.style.display = 'none'; // Sembunyikan pesan sebelumnya responseMessageDiv.className = 'response-message'; // Reset kelas

submitButton.disabled = true; // Nonaktifkan tombol saat mengirim submitButton.textContent = 'Mengirim...'; // Ubah teks tombol

const formData = new FormData(form); const params = new URLSearchParams();

// Mengonversi FormData ke URLSearchParams for (const [key, value] of formData.entries()) { params.append(key, value); }

try { // Kirim permintaan POST menggunakan fetch API const response = await fetch(appsScriptUrl, { method: 'POST', body: params // Kirim parameter sebagai URL-encoded });

const data = await response.json(); // Mengurai respons sebagai JSON

if (data.status === 'success') { responseMessageDiv.textContent = data.message; responseMessageDiv.classList.add('success'); form.reset(); // Kosongkan formulir setelah sukses } else { responseMessageDiv.textContent = data.message || 'Pengiriman gagal. Mohon coba lagi.'; responseMessageDiv.classList.add('error'); } } catch (error) { console.error('Error saat mengirim formulir:', error); responseMessageDiv.textContent = 'Terjadi kesalahan jaringan. Mohon coba lagi.'; responseMessageDiv.classList.add('error'); } finally { responseMessageDiv.style.display = 'block'; // Tampilkan pesan submitButton.disabled = false; // Aktifkan kembali tombol submitButton.textContent = 'Kirim Pesan'; // Kembalikan teks tombol } }); }); Atau berikan komentar langsung di bawah untuk dukungan segera, kalau pertanyaanmu menarik, kami akan jawab lewat artikel! - Aurealisa Communnity

Contact

Hubungi Kami

Post a Comment