JSFiddle - React, Tailwind, and code Playground

HTML

<div id="FirstBlock">Hello</div>
<hr>

    <div id="SecondBlock">
    <textarea id="UserInput1">I told ya so.
        <script>
            alert("We gotcha!");
        </script>
    </textarea>
</div>
<input type="submit" id="SubmitButton1" value="Submit jQuery .text()">
<hr>

<div id="ThirdBlock">
    <textarea id="UserInput2">I told ya so.
        <script>
            alert("We gotcha!");
        </script>
    </textarea>
</div>
<input type="submit" id="SubmitButton2" value="Submit jQuery .html()">

CSS

#UserInput1, #UserInput2 {
    width: 400px;
    height: 150px;
}

#FirstBlock {
    color: red;
}

JavaScript

$("#SubmitButton1").click(function () {
    var userInput1 = $("#UserInput1").val();

    $("#FirstBlock").text(userInput1);
});


$("#SubmitButton2").click(function () {
    var userInput2 = $("#UserInput2").val();

    $("#FirstBlock").html(userInput2);
});