LaravelのデータをJavaScriptで取得したい。

Question

IDごとに出力を変えたいため、DBのIDを指定してgetElementByIdで取得したいのですが、そもそもこういうことは可能なのでしょうか？
inputのIDをid="{{ $language->id }}"とした場合にgetElementByIdではどうしても取得できないのでもし方法があるなら教えて頂きたいです。。

idをtextなどの文字列にするとすべての出力が一番初めのもので統一されてしまうため、IDごとに出力を変えたいです。

    <p class="english mt-2 ml-6 text-red-500 font-bold" id="target">
      {{ $language->english }}  
      <input type="hidden" 
      id="{{ $language->id }}" class="target" value="{{ $language->english }}">
      <button class="speak" >speak()</button>
    </p> 

var  id = {{ $language->id }} 
var text = document.getElementById(id).value;

Comments

[退会済みユーザー]

もしかして、例示したHTML箇所（bladeテンプレート）を、繰り返し表示するのが前提でしょうか？

[kk0055]

はい。foreachで繰り返し表示するのですが、その際のIDをDBの値と対応させたいのです。。