특정 텍스트 영역에 작성된 데이터 가져오기

Question

양식의 다양한 정보를 바탕으로 보고서를 생성해야 합니다.

首先，我必须从这里选择一种物质：

<input type="checkbox" class="sostanzeCheck" value="Cocaina" name="sostanza[]" onchange="collectSostanze()"/ ><span class="testoBianco"> 코카이나 </span><br>
<input type="checkbox" class="sostanzeCheck" value="Crack" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 균열 </span><br>
<input type="checkbox" class="sostanzeCheck" value="Marijuana" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 마리화나 </span><br>
<input type="checkbox" class="sostanzeCheck" value="Cannabis" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 대마초 </span><br>
<input type="checkbox" class="sostanzeCheck" value="Eroina" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 에로이나 </span><br>
<input type="checkbox" class="sostanzeCheck" value="Skunk" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 스컹크</span><br>
<input type="checkbox" class="sostanzeCheck" value="Sintetiche" name="sostanza[]" onchange="collectSostanze()"/><span class="testoBianco"> 신테티체</span><br><br>

我已经写了一个函数，它会将我选择的内容打印到控台，以验证是否正确，函数如下：

함수 CollectSostanze(){
      const selectedSostanze = [];
      const checkboxes = document.querySelectorAll('.sostanzeCheck:checked');

      checkboxes.forEach(체크박스 => {
        selectedSostanze.push(checkbox.value);
        console.log("소스탄자: ", selectedSostanze);
      });

     선택한Sostanze를 반환합니다.
    }

이제 다음 텍스트 영역에 입력한 내용을 수집할 수 없는 문제가 발생했습니다.

<div id="bloccoAnalisi" style="display: none;">
    <label>Percentuale di Principio Psicoattivo</label><br>
    <textarearows="3" cols="80" class="textarea" name="psicoattivo" id="psicoattivo_text" ></textarea><br>
    <레이블>그래미</label><br>
    <textarearows="3" cols="80" class="textarea" name="grammi" id="grammi_text" ></textarea>
    <label>Dosi Medie Singole</label><br>
    <textarearows="3" cols="80" class="textarea" name="dosi" id="dosi_text" ></textarea>
 </div><br>

값은 실시간으로 변경되며 제가 달성하고자 하는 것은 다음과 같은 보고서를 생성하는 것입니다.

"저는 THC pari al "FIRST TEXTAREA'S VALUE%" 및 "SECOND TEXTAREA'S VALUE%"를 사용한 "SUBSTANCE_NAME"의 성공과 성공에 만족합니다. complessi "SECOND TEXTAREA'S VALUE" da cui era possibile ricavare circa "THIRD TEXTAREA'S VALUE" dosi medie singole".

보고서는 다음과 같이 다른 텍스트 영역에 추가되어야 합니다.

      
리코스트루치오네 델 파토
      

Answer 1

키업 이벤트는 폼에서 들으실 수 있습니다. 이 이벤트는 사용자가 텍스트 영역에 입력할 때마다 발생합니다. 그러면 전체(템플릿) 문자열이 보고서 텍스트 영역의 값에 삽입됩니다.

으아악 으아악 으아악