Jadi pada dasarnya konsepnya adalah, setiap kali pengguna mengetik pesan apa pun dan menekan tombol enter, pesannya akan muncul di kotak obrolan, tetapi masalahnya adalah, pesan kosong (hanya memiliki spasi>1) juga muncul di dalam kotak. bagaimana saya bisa menyembunyikan div yang hanya memiliki spasi.

Ini kodenya

var message = document.getElementById("tarea");

var textbox = document.getElementById("box");
message.addEventListener("click", nayaText);
message.addEventListener("keyup", textSend);

function nayaText() {
    if (message.value != " ") {
        let naya = document.createElement("div");
        naya.style.width = "100px";
        naya.style.height = "30px";
        naya.style.border = "1px solid rgb(255, 153, 0)";
        naya.style.marginTop = "4px";
        naya.innerHTML = message.value;
        textbox.appendChild(naya);
        message.value = " ";
    }
    if (!message.trim().length) {
        naya.style.display = "none";
        message.value = " ";
    }


}


function textSend() {

    if (event.keyCode === 13) {
        event.preventDefault();
        message.click();
    }
}

Bagian HTML

<div class="card">
<div class="card-header bg-warning">
   <img id="profilep" class="rounded-circle" src="as.jpg">
   <div id="info">
      <label id="uname">Suraj Surya</label><br>
      <label id="lastseen">12:00am</label>
   </div>
</div>
<div class="card-body ">
   <div class="box" id="box"></div>
</div>
<div class="card-footer">
   <span><i id="paisa" class="fas fa-rupee-sign"></i></span>
   <span><input type="text" placeholder="type here..." id="tarea" required  ></input></span>
   <span><i id="more" class="fas fa-chevron-up"></i></span>
</div>
0
Pathshala 9 Juli 2020, 13:10

1 menjawab

Jawaban Terbaik

Itu pasti

if(message.value!=" ")

Bagian. Saya akan memangkas pesan dan membandingkannya dengan string kosong.

if((message.value.trim())!=="")
0
Kudlas 9 Juli 2020, 10:45