JavaScript Sample

5-1｜繰り返し

5-2｜引数

６｜汎用性のある関数

// 5-2｜引数 function changeBgColor(color) { document.body.style.backgroundColor = color; } const btnArgs = document.querySelectorAll('.btn-arg'); btnArgs.forEach(btn => { btn.addEventListener('click', () => { const color = btn.getAttribute('data-color'); changeBgColor(color); // 引数として渡す }); });