[angelzzz]

На сайте есть input:

<input type="text"  name="url" value="example.com">

Мне необходимо пройти по массиву, подставить в input значение, нажать кнопку и получить ответ. Кнопка:

<input type="submit" name="proceed" value="го!" >

После обновления страницы мне нужно получить значение NUMBER из тега <b> со стилем style="color:red":

<td>
  ....
  <br>
  Result: <b>some numbers</b> / more numbers = <b style="color:red">NUMBER</b> <br>
  ....
</td>

Как получить значения "website-NUMBER" в новый массив?

Я настрочил пока что такой код:

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
//загрузка jQuery на сайт

setTimeout(function () {
    var arr = [ "ya.ru", "google.com", "ok.ru", "vk.com", "fb.com" ];  // пример массива с данными, которые нужно подставлять в инпут  
    for (var i = 0; i < arr.length; i++) {
        $('input[name=url]').val(arr[i]); //подставляет значение из массива в инпут
        $('input[name=proceed]').click(); //нажатие кнопки
    }
        alert(arr);    
}, 1000); // timeout чтобы успел загрузиться jquery

Есть ряд вопросов:

1. Мой код обновляет страницы только когда по очереди будут вставлены все значения из массива в инпут и только потом нажимается кнопка а мне нужно чтобы после вставки в инпут каждого значения нажималась кнолпка и обновлялась страница

Я нашел код, который ищет значение по style, но не могу понять как сохранить это значение в новый массив со значениями "website-NUMBER"

$('b').filter(function() { return $(this).css('color') == 'red'; })

Все это делаю с помощью сниппета в google chrome