How to change the "code" content of a javascript section

Question

Hi, I need to change the content (code) of a javascript section with the function . click or onClick but the content can’t go on for the other Section! Thanks

Answer 1

If I understand what you want, I think this is it:

var btn = document.getElementById('btn-sect1');
var sect1 = document.getElementById('sect1');
btn = btn.addEventListener('click', function() {
  sect1.innerHTML = '<h1>Agora já não é o original</h1><p>Está aqui outro codigo html</p>'
});

<section id="sect1">
  <h1>Aqui está o codigo original da sect1</h1>
</section>
<section id="sect2">
  <h1>Aqui está o codigo original da sect2</h1>
</section>
<button id="btn-sect1">Mudar HTML da sect1</button>