Виктория's questions

给出了输入。您可以在每个输入中输入一个数字。通过按 Enter 让输入记住输入的数字。使其在输入中失去焦点时，在控制台中显示先前在输入中输入的所有数字的数组。这个问题需要使用地图集合来解决这是我的代码：

let inputs = document.querySelectorAll('input')
let map = new Map;
for(let input of inputs){   
    let map = new Map;
    let i=1
        input.addEventListener('keydown',function(event){   
            if(event.code === 'Enter' || event.code === 'NumpadEnter' ){    

            map.set(i++,this.value);            
            this.value = '';
            
            input.addEventListener('blur',()=>{
                console.log([...map.values()])
            })  
            }                   
    })      
    }   

有一个表格：给定以下 HTML 表格：

<table id="table">
    <tr>
        <td data-col="1"></td>
        <td data-col="2"></td>
        <td data-col="3"></td>
    </tr>
    <tr>
        <td data-col="1"></td>
        <td data-col="2"></td>
        <td data-col="3"></td>
    </tr>
    <tr>
        <td data-col="1"></td>
        <td data-col="2"></td>
        <td data-col="3"></td>
    </tr>
</table>

如何使当您单击表格中的任何单元格时，该列的所有单元格都被涂成红色？通过单击一个单元格，我无法同时为列中的所有单元格着色。

let tds = document.querySelectorAll('#table td');

tds.forEach(function(td){
        td.addEventListener('click',function(){
        if(td.dataset.col==this.dataset.col){           
            td.style.backgroundColor="red";
        }   
        
    })
})