Single Preparation Step

HTML

<!--
Elke "enter" in de <p> wordt
omgezet in <br> (regel 3 in JS)
-->

<div class="row">
    <div class="col-12 col-lg-8">
        <!-- Single Preparation Step -->
        <div class="single-preparation-step d-flex">
<p>Regel 1
Regel 2
Regel 3</p>
        </div>
    </div>
</div>

JavaScript

var paragraph = document.querySelector(".single-preparation-step p");
var txtPar = paragraph.innerHTML;
var txtNew = txtPar.replace(/\n/g, '<br>');
paragraph.innerHTML = txtNew;