javascript - 買い物かご通知

Question

以下のウェブサイトのように、ショッピングバスケットの上にバスケット内のアイテムの数を示す赤い円をポップアップ表示し、バスケットに 0 個のアイテムがある場合は非表示にするバスケット通知が必要です。

JQueryなしでこれを行うことは可能ですか?

これまでの私のコードは次のとおりです。

Javascript

if($('#no_items').html() == 0){
$(".circle").hide();}

HTML

<div class="circle"><div id="no_items" style="color:white">0</div></div>

score 0 · Accepted Answer

もちろん！innerHTML または innerText を使用できます。

if(document.querySelector('#no_items').innerText === '0'){
    document.querySelector(".circle").style.display = 'none';
}

アップデート

または、要求に応じてポップアニメーションを使用: http://jsfiddle.net/ARTsinn/QjEcx/2/

1 に答える 1