Untitled

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>targil 2</title>
    <script src="jquery-1.11.2.js"></script>

</head>
<body>
    text 1: <input type="text" id="txt1" /><br /><br />
    <textarea cols="50" rows="20" id="txt2"></textarea><br />
    <button id="btn">לחץ כאן</button><br />
    <div id="rslt"></div>
    <script>
        $("#btn").click(function () {
            if ($("#txt1").val().trim().length == 0 && $("#txt2").val().trim().length == 0) {
                $("#rslt").text("אנא בדקו כי הזנתם ערך בשתי תיבות הטקסט");
                return;
            }
            else {

                var m = indexOf($("#txt2").val());
                for (var i = 0; i < $("#txt1").val().length; i++) {


                    if ($("#txt2").val().includes($("#txt1").val())) {
                        $("#rslt").text($("#txt2").val());

                        $("#rslt").val().replace($("#txt2").val().indexOf($("#txt1").val(), m),
                            "<span>" + $("#txt2").val().indexOf($("#txt1").val(), m) + "</span>");

                        $("#rslt").html();
                        m = indexOf($("#txt2").val(), m) + $("#txt2").val().length;
                    }
                    else {
                        return false;
                    }

                }
            }
        }
   </script>
</body>
</html>