在制作电影票应用时将Nodelist.length设置为零

Question

我是javascript的新手，正在制作一个新的简单的应用程序。当用户点击一个座位时。它将从空置变为选中。在输出中，它显示所选座位的数量和总价格。

但是我没有得到选定seats..its的总数始终显示为0，并且在console...am中得到的nodelist.length为零

以下是该部分代码

function update(){
    const selected=document.querySelectorAll('.row.seat.selected');
    const counts =selected.length;
    console.log(counts);

示例html是；

<div class="row">
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>

只要在seat..上单击，就会附加一个新的选定类

在这个类是.row，，因为另一类.seat...when用户点击一个座位，，一个新的类'selected‘将被添加。

但是我没有得到精选座位的数量，以进一步codes...answer是真的很感谢

Answer 1

在任何Div上单击事件时，都会将一个"selected“类添加到Div中，您的代码应该如下所示

​

(function update(){
    const selected=document.querySelectorAll('.row .seat.selected');
    const counts =selected.length;
    console.log(counts);
    })()

<div class="row">
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat"></div>
             <div class="seat selected"></div>
             <div class="seat"></div>

​

Answer 2

感谢我在删除.row时解决了answers...problem问题

那是

const selected=document.querySelectorAll('.row .seat.selected');

至

const selected=document.querySelectorAll('.seat.selected');

我不知道why..but现在是正确的