javascript - Laravel 8のBladeでSelectタグの選択項目を別のタグで表示する方法は?

Question

Selectタグの選択したアイテムをpタグに表示したいのですが、コードを実行しても機能しません。これは私のコードです:

<label for="modelResp"> Response </label>
<select name="modelResp" id="modelResp" onchange="myFunction()">
     @foreach ($destins as $dest)
        <option 
           value="{{$dest->design_destin}}"> {{$dest->design_destin}} 
        </option>
     @endforeach
</select>

<p id="demo"> **I want to display the selected item here** </p>
@push('scripts')
    <script>
          function myFunction() {
             var x = document.getElementById("modelResp").value;
             document.getElementById("demo").innerHTML =  x;
          }
     </script>
@endpush