I need to recreate this in vanila javascript, but i can’t figure out how.
I need to add text, inside an html tag, depending on the status of the checkboxes.

Checkboxes :

                <label class="checkbox-wrap">
                    <input type="checkbox" class="checkbox" id="checkbox1"/>
                    <span>Checkbox 1</span>
                </label>

Where i need to add the code :

      <div class="mockup-code">
        <pre data-prefix="$" class="text-warning"><code>script.bat</code></pre> 
        <pre data-prefix=">" class="text-success"><code>HERE TEXT</code></pre>
        <pre data-prefix=">" class="text-success"><code>HERE TEXT</code></pre>      </div>
    </div>

Note : i’m using DaisyUI, that explains certain class names.

I haven’t tried nothing yet, i’m new to javascript and i have no clue how to do this.