Как с помощью регулярного выражения найти совпадение и записать значение в переменную?

Question

Константин @gradk

JavaScript

Как с помощью регулярного выражения найти совпадение и записать значение в переменную?

Я хочу массово сократить ссылки при помощи сервиса:

let sendUrl = (test) => {
    var x = new XMLHttpRequest();
x.open("GET", `https://www.clck.ru/?url=${test}`, true);
x.onload = function (){
    let otvet = x.responseText; 
    console.log(otvet)
}
x.send(null);
}



let arr = ['http://test.ru', 'http://mail.ru']
 

let fun = (arr) => {
    for(let i = 0; i<arr.length; i++) {
        let elem = arr[i]
        sendUrl(elem)
    }

}

fun(arr)

В ответ я получаю такого вида:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Короткий URL для всех!</title>
    <meta name="Description" content="Укорачивалка урлов. Лучшая в мире. Делает короткие ссылки, короткий урл." />
    <meta name="Keywords"
          content="urls, shortener, короткие ссылки, укорачиватель ссылок, сократить ссылку, короткий урл, clck" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../static/style.css?2" media="screen" />
    <link rel="icon" type="image/x-icon" href="../static/favicon.ico" />
    <script type="text/javascript" src="//yandex.st/jquery/1.4.4/jquery.min.js"></script>
    
</head>

<body>
    <script language="javascript">
        
    function copyToClipboard() {
        var copyText = document.getElementById("input");
        copyText.select();
        document.execCommand("copy");
    }

    </script>
    <div id="head">
        <div id="header">
            <h1><a href="/">Кликер</a></h1>
            <h2>Серьёзный укорачиватель URL</h2>
        </div>
    </div>
    <div id="wrap">
        
<div id="content">
	<form onSubmit="return false;" id="form">
	    <input id="input" name="url" type="text" size="40"
		       tabindex="1" value="https://clck.ru/XkvKK" />
        <input type="submit"
	           value="✂" id="click"
	           tabindex="2"
	           onClick='copyToClipboard()' />
        
	    <br/>
        <div id="divider"><a href="/">Добавить еще одну ссылку</a></div>

	</form>
    <p>
        <img id="qrimage" src="http://disk.yandex.net/qr/?clean=1&text=https%3A//clck.ru/XkvKK" />
        Новая ссылка запомнена, теперь вы можете скопировать и отправить адрес своим друзьям и знакомым. Чтобы поместить его в буфер обмена используйте системную функцию копирования текста. Посмотрите направо. Это <a href="http://ru.wikipedia.org/wiki/QR-%D0%BA%D0%BE%D0%B4">QR-код</a>. Нажмите на него правой кнопкой, сохраните картинку и распечатайте на стену. Ну или просто не обращайте внимания.<br/>
    </p>
</div>

        <div id="footer">Версия 5, © 2010-2021 «<a href="http://www.yandex.ru/">"Яндекс"</a>»</div>
        
        <!-- Yandex.Metrika -->
        <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
        <div style="display:none;">
            <script type="text/javascript">
                try { var yaCounter1173931 = new Ya.Metrika(1173931); } catch(e){}
            </script>
        </div>
        <noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/1173931" alt="" /></div></noscript>
        <!-- /Yandex.Metrika -->
        
    </div>
</body>
</html>

Как мне выдернуть только поле

" value="https://clck.ru/XkvKK"
И сам урл записать в переменную? чтобы потом в консоли списком вывести