Javascript类List.add.toggle无法正常工作

<script>
const pencet = document.getElementById('butn')
const keluar = document.getElementById('kiri')
pencet.addEventListener('click', show())
function show() {
keluar.classList.toggle('show');
}
</script>

const pencet = document.getElementById('butn')
const keluar = document.getElementById('kiri')
pencet.addEventListener('click', show())
function show() {
keluar.classList.toggle('show');
}

show函数会立即被调用，您需要将其作为回调传递。你需要像这个一样在show之后删除()

const pencet = document.getElementById('butn')
const keluar = document.getElementById('kiri')
pencet.addEventListener('click', show) // remove `()` here
function show() {
keluar.classList.toggle('show');
}

如果您只想添加show类，即使该类存在，而不想删除存在的类，则可以使用add而不是toggle

keluar.classList.add('show');