问HTML&JS如果选择了我的值，则打开文本区域

EN

<select id="work">
  <option value="1" selected="">Beklemede</option>
  <option value="2">İş Alındı</option>
  <option value="3">İş Alınamadı</option>
  <option value="4">Atölyede</option>
  <option value="5">Teslim Edildi</option>
</select>

<textarea id="notes"></textarea>

#notes {
  display: none;
}

#notes.show {
  display: block;
}

const source = document.querySelector("#work");
const target = document.querySelector("#notes");

const displayWhenSelected = (source, value, target) => {
    const selectedIndex = source.selectedIndex;
    const isSelected = source[selectedIndex].value === value;
    target.classList[isSelected
        ? "add"
        : "remove"
    ]("show");
};
source.addEventListener("change", (evt) =>
    displayWhenSelected(source, "3", target)
);

 <Select id="work">
        <option value="1" selected="">Beklemede</option>
        <option value="2">İş Alındı</option>
        <option value="3" >İş Alınamadı</option>
        <option value="4">Atölyede</option>
        <option value="5">Teslim Edildi</option>
</Select>

<div id="3" class="textholder" style="display:none">
<textarea id="notes"></textarea>
</div>

$(function() {
        $('#work').change(function(){
            $('textholder').hide();
            $('#' + $(this).val()).show();
        });
    });