如何使"使用"属性(必需/可选)取决于另一个值？

<div id="container">
 <label for="input">另一个值：</label>
 <input type="text" id="input">
  <div id="use-container">
   <label for="use">使用：</label>
   <input type="text" id="use">
  </div>
</div>

const container = document.getElementById('container');
const input = document.getElementById('input');
const useContainer = document.getElementById('use-container');

input.addEventListener('input', () => {
  if (input.value === '必需') {
    useContainer.style.display = 'block';
  } else {
    useContainer.style.display = 'none';
  }
});