JSFiddle - React, Tailwind, and code Playground

by Dominic Farolino

HTML

<h2>First innerText:</h2>

<p id="one" style="display: none">
  <span style="display: none;">This is</span>
  <span style="visibility: hidden;">part of experiment #1</span>
</p>
<!-- To store output of .innerText -->
<mark></mark>

<!--------------------------------->

<h2>Second innerText:</h2>

<p id="two">
  <span style="display: none;">This is</span>
  <span style="visibility: hidden;">This part of experient #2</span>
</p>
<!-- To store output of .innerText -->
<mark></mark>

JavaScript

const [mark1, mark2] = document.querySelectorAll('mark');

const output1 = document.querySelector('#one').innerText;
const output2= document.querySelector('#two').innerText;

mark1.innerText = output1;
mark2.innerText = output2;