tes tes tes: Peringatan input

Pilihan A Pilihan B Pilihan C

!-- -->

peringatan Kolom tidak boleh kosong

<input type="text" id="teks" value="">
<input type="button" onclick="kirim()" id="" value="kirim">
<div id="peringatan" style="color: red; display: none;">**Kolom tidak boleh kosong!**</div>
<span id="demo"></span>
<script>
function kirim() {
// 1. Ambil nilai dari input teks
const nilaiInput = document.getElementById("teks").value.trim(); // .trim() menghapus spasi di awal/akhir

// 2. Ambil elemen pesan peringatan
const pesanPeringatan = document.getElementById("peringatan");

// 3. Periksa apakah input kosong
if (nilaiInput === "") {
// Jika kosong:
// Tampilkan pesan peringatan
pesanPeringatan.style.display = "block";

// Hapus output sebelumnya (jika ada)
document.getElementById("demo").innerHTML = "";

} else {
// Jika tidak kosong:
// Sembunyikan pesan peringatan (jika sebelumnya muncul)
pesanPeringatan.style.display = "none";

// Lanjutkan dengan proses pengiriman/menampilkan data
document.getElementById("demo").innerHTML = "Data berhasil dikirim: **" + nilaiInput + "**";
}
}
</script>