자바스크립트로 html 생성하는 법..

<form class="container my-5 form-group">
    <p>상품선택</p>
    <select class="form-select mt-2">
      <option>모자</option>
      <option>셔츠</option>
      <option>바지</option>
    </select>
    <select class="form-select mt-2 form-hide">
      <option>95</option>
      <option>100</option>
    </select>
</form>

<script>
  $('.form-select').eq(0).on('input', function(){
    var value = $('.form-select').eq(0).val();

    if (value == '셔츠') {
      $('.form-select').eq(1).removeClass('form-hide');
       var 템플릿이 = `<option>95</option><option>100</option>`;
       $('.form-select').eq(1).append(템플릿이)
    }
    else if (value == '바지'){
      $('.form-select').eq(1).removeClass('form-hide');
      $('.form-select').eq(1).html('');
      var 템플릿 = `<option>28</option><option>30</option>`;
      $('.form-select').eq(1).append(템플릿)
    }
     else if (value == '모자'){
         $('.form-select').eq(1).addClass('form-hide');
     }

  });
</script>

선생님이 만드신 코드에서 수정만 저렇게 했습니다
구현은 잘 나오는데 
저렇게 코드를 만들어도 되나요? 멋있게 짜는게 힘드네요..