Opus1no2/stuffs.html

## stuffs.html
<!doctype html>
<html>
  <head>
  </head>
  <body>
    <input data-target='foo' type='checkbox'></input>
    <input data-target='bar' type='checkbox'></input>
    <input data-target='baz' type='checkbox'></input>
    <button data-btn='foo' disabled=true>Foo</button>
    <button data-btn='bar' disabled=true>Bar</button>
    <button data-btn='baz' disabled=true>Baz</button>

  <script>
    const inputs = document.querySelectorAll('input');
    inputs.forEach((input) => {
      input.addEventListener('click', (e) => {
        const id = e.target.dataset.target;
        const btn = document.querySelector(`[data-btn=${id}]`);
        btn.disabled = false;
      });
    });
  </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	</head>
	<body>
	<input data-target='foo' type='checkbox'></input>
	<input data-target='bar' type='checkbox'></input>
	<input data-target='baz' type='checkbox'></input>
	<button data-btn='foo' disabled=true>Foo</button>
	<button data-btn='bar' disabled=true>Bar</button>
	<button data-btn='baz' disabled=true>Baz</button>

	<script>
	const inputs = document.querySelectorAll('input');
	inputs.forEach((input) => {
	input.addEventListener('click', (e) => {
	const id = e.target.dataset.target;
	const btn = document.querySelector(`[data-btn=${id}]`);
	btn.disabled = false;
	});
	});
	</script>
	</body>
	</html>