Template Essay with Image in Every Number and this for 5 number Essay

The HTML code for this Essay, each number including an image. I think it's not effective to use in V2020g because every number has to upload an image. should be one picture for all answers. But you must provide additional instructions.

Caution: If you have given image befor essay in another element html, you had to continue number index in function image-view.

<div id="nosoal">1</div>
 <div class="pertanyaan"> 
######## SOAL #########
 <hr/>
 jawabanku: <b id="daftarjawaban1">Belum diisi atau disimpan</b>
 <hr/>
 <textarea id="jawaban1"  placeholder="Isi Jawaban No. 41" cols="45" rows="10"></textarea><br/>
 <button onClick="hapusjawabanessay('1')">Hapus Teks</button>
 <button onClick="jawabanessay('1')">Simpan</button> <br/>
 <hr/>
 <div id="EvidenPoto1" class="evidenpoto" style="padding:5px">
  <img id="image-preview1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVNcFRAG9G0Jbg5iHB2cSbVlrdSYDDBlcNH6IH6Jgyn2ZSP6mbKrmKeMC8ZXhebqQwr_45CnISXiP77gbL65RWL9hwXICvgl2fWGlhrjfRRjV_xi806m2XWIRppGDCYAWm1BfJ88OYrs/s1600/LamasoPoto.png" class="gambarlamaso3" alt="image preview1"/>
  <p id="text-eviden1"></p>
 </div>
 
 <label class="asem" for="image-source1" id="label1"></label>
 <input type="file" id="image-source1"  onchange="previewImage(1)" style="display:none">
 <button id="TambahTextarea1" onClick="TambahTextarea(1)" style="display:none">Tambah Keterangan Poto</button>
 <textarea id="TxtKeteranganPoto1" style="display:none"></textarea>
 <button id="SimpanKeteranganPoto1"  onClick="BtnSimpanKeteranganPoto(1)"   style="display:none">Simpan Teks Poto</button>
</div> 

 <div id="nosoal">2</div>
<div class="pertanyaan"> 
######## SOAL #########
 <hr/>
 jawabanku: <b id="daftarjawaban2">Belum diisi atau disimpan</b>
 <hr/>
 
 <textarea id="jawaban2"  placeholder="Isi Jawaban No. 42" cols="45" rows="10"></textarea><br/>
 <button onClick="hapusjawabanessay('2')">Hapus Teks</button>
 <button onClick="jawabanessay('2')">Simpan</button> <br/>
 <hr/>

 <div id="EvidenPoto2"  class="evidenpoto"  style="padding:5px">
  <img id="image-preview2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVNcFRAG9G0Jbg5iHB2cSbVlrdSYDDBlcNH6IH6Jgyn2ZSP6mbKrmKeMC8ZXhebqQwr_45CnISXiP77gbL65RWL9hwXICvgl2fWGlhrjfRRjV_xi806m2XWIRppGDCYAWm1BfJ88OYrs/s1600/LamasoPoto.png" class="gambarlamaso3" alt="image preview2"/>
  <p id="text-eviden2"></p>
 </div>
 <label class="asem" for="image-source2" id="label2"></label>
 <input type="file" id="image-source2"  onchange="previewImage(2)" style="display:none">
 <button id="TambahTextarea2" onClick="TambahTextarea(2)" style="display:none">Tambah Keterangan Poto</button>
 <textarea id="TxtKeteranganPoto2" style="display:none"></textarea>
 <button id="SimpanKeteranganPoto2"  onClick="BtnSimpanKeteranganPoto(2)"   style="display:none">Simpan Teks Poto</button>
</div> 

<div id="nosoal">3</div>
<div class="pertanyaan"> 
######## SOAL #########
 <hr/>
 jawabanku: <b id="daftarjawaban3">Belum diisi atau disimpan</b>
 <hr/>
 <textarea id="jawaban3"  placeholder="Isi Jawaban No. 43" cols="45"  rows="10"></textarea><br/>
 <button onClick="hapusjawabanessay('3')">Hapus Teks</button>
 <button onClick="jawabanessay('3')">Simpan</button> <br/>
 <hr/>

 
  <div id="EvidenPoto3"  class="evidenpoto"  style="padding:5px">
  <img id="image-preview3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVNcFRAG9G0Jbg5iHB2cSbVlrdSYDDBlcNH6IH6Jgyn2ZSP6mbKrmKeMC8ZXhebqQwr_45CnISXiP77gbL65RWL9hwXICvgl2fWGlhrjfRRjV_xi806m2XWIRppGDCYAWm1BfJ88OYrs/s1600/LamasoPoto.png" class="gambarlamaso3" alt="image preview3"/>
  <p id="text-eviden3"></p>
 </div>
 <label class="asem" for="image-source3" id="label3"></label>
 <input type="file" id="image-source3"  onchange="previewImage(3)" style="display:none">
 <button id="TambahTextarea3" onClick="TambahTextarea(3)" style="display:none">Tambah Keterangan Poto</button>
 <textarea id="TxtKeteranganPoto3" style="display:none"></textarea>
 <button id="SimpanKeteranganPoto3"  onClick="BtnSimpanKeteranganPoto(3)"   style="display:none">Simpan Teks Poto</button>

</div>

<div id="nosoal">4</div>
<div class="pertanyaan">
######## SOAL #########
 <hr/>
 jawabanku: <b id="daftarjawaban4">Belum diisi atau disimpan</b>
 <hr/>

<textarea id="jawaban4"  placeholder="Isi Jawaban No. 44" cols="45"  rows="10"></textarea><br/>
 <button onClick="hapusjawabanessay('4')">Hapus Teks</button>
 <button onClick="jawabanessay('4')">Simpan</button> <br/>
 <hr/>
 <div id="EvidenPoto4"  class="evidenpoto"  style="padding:5px">
  <img id="image-preview4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVNcFRAG9G0Jbg5iHB2cSbVlrdSYDDBlcNH6IH6Jgyn2ZSP6mbKrmKeMC8ZXhebqQwr_45CnISXiP77gbL65RWL9hwXICvgl2fWGlhrjfRRjV_xi806m2XWIRppGDCYAWm1BfJ88OYrs/s1600/LamasoPoto.png" class="gambarlamaso3" alt="image preview4"/>
  <p id="text-eviden4"></p>
 </div><br/>
 <label class="asem" for="image-source4" id="label4"></label>
 <input type="file" id="image-source4"  onchange="previewImage(4)" style="display:none">
 <button id="TambahTextarea4" onClick="TambahTextarea(4)" style="display:none">Tambah Keterangan Poto</button>
 <textarea id="TxtKeteranganPoto4" style="display:none"></textarea>
 <button id="SimpanKeteranganPoto4"  onClick="BtnSimpanKeteranganPoto(4)"   style="display:none">Simpan Teks Poto</button>
</div>

<div id="nosoal">5</div>
<div class="pertanyaan">
######## SOAL #########
 <hr/>
 jawabanku: <b id="daftarjawaban5">Belum diisi atau disimpan</b>
 <hr/>
 <hr/><textarea id="jawaban5"  placeholder="Isi Jawaban No. 45" cols="45"  rows="10"></textarea><br/>
 <button onClick="hapusjawabanessay('5')">Hapus Teks</button>
 <button onClick="jawabanessay('5')">Simpan</button> <br/>
   <hr/>
 <div id="EvidenPoto5"  class="evidenpoto"  style="padding:5px">
  <img id="image-preview5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVNcFRAG9G0Jbg5iHB2cSbVlrdSYDDBlcNH6IH6Jgyn2ZSP6mbKrmKeMC8ZXhebqQwr_45CnISXiP77gbL65RWL9hwXICvgl2fWGlhrjfRRjV_xi806m2XWIRppGDCYAWm1BfJ88OYrs/s1600/LamasoPoto.png" class="gambarlamaso3" alt="image preview5"/>
  <p id="text-eviden5"></p>
 </div><br/>
 <label for="image-source5" id="label5"></label>
 <input type="file" id="image-source5"  onchange="previewImage(5)" style="display:none">
 <button id="TambahTextarea5" onClick="TambahTextarea(5)" style="display:none">Tambah Keterangan Poto</button>
 <textarea id="TxtKeteranganPoto5" style="display:none"></textarea>
 <button id="SimpanKeteranganPoto5"  onClick="BtnSimpanKeteranganPoto(5)"   style="display:none">Simpan Teks Poto</button>

</div>