Работаю с вводимым пользователем текстом, для начала разбираю строку по пробелу, и далее если слово - ссылка на картинку, вывожу ее, если нет, то оставляю обычным текстом и добавляю в конечное сообщение.
Почему при выполнении функции - аргумента в checkImage arr[i]
становится undefined и получается вместо картинки пустая ссылка. Не могу понять, почему функция не видит элемент массива?
var text = document.getElementById("text1").value;
var arr = text.split(" "); // делим строку по пробелу
var mess = new Array(); // новое сообщение
for (var i = 0; i < arr.length; i++) {
if (arr[i].indexOf('.jpg') + 1 || arr[i].indexOf('.png') + 1
|| arr[i].indexOf('.bmp') + 1 || arr[i].indexOf('.gif') + 1
|| arr[i].indexOf('.jpeg') + 1) // если есть какое-либо расширение
{
checkImage(arr[i], // проверка ссылки, рабочая - картинка, нерабочая -
// текст
function() {
var newr = document.createElement("a");
newr.href = arr[i];
newr.target = "_blank";
newr.innerHTML = '<img src= ' + arr[i]
+ ' style = "max-width:90%">';
f1.appendChild(newr);
}, mess.push(" " + arr[i]))
} else {
mess.push(" " + arr[i]);
}
}
var newr = document.createElement("div"); // создать и вывести текст
newr.innerHTML = mess;
f1.appendChild(newr);