JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Extract Links</title>
</head>
<body>

<textarea id="inputText" rows="4" cols="50"></textarea><br>
<button onclick="extractLinks()">Extract Links</button><br>
<textarea id="outputText" rows="4" cols="50" readonly></textarea>

<script>
function extractLinks() {
    var inputText = document.getElementById("inputText").value;
    var regex = /(?:https?|ftp):\/\/[\n\S]+/g;
    var matches = inputText.match(regex);
    var outputText = "";
    if (matches) {
        for (var i = 0; i < matches.length; i++) {
            outputText += matches[i] + "\n";
        }
    }
    document.getElementById("outputText").value = outputText;
}
</script>

</body>
</html>