JSFiddle - React, Tailwind, and code Playground

HTML

<textarea rows="4" cols="50" id="new_ingredients"></textarea>
<br />
<input type="button" id="btn1" value="Submit" />

<div id="testing"></div>

CSS

#testing {
    border: 1px dashed #000;
    min-height: 100px;
}

JavaScript

$(document).ready(function () {
    $("#btn1").on("click", function () {
        var temp1 = $("#new_ingredients").val();
        $("#testing").html(temp1.replace(/\n\r/g, "<br />"));
    });
});