Как изменять содержимое блока при вводе текста в input?

Есть ссылка на изображение, которое генерируется на сервисе и выглядит она вот так
https://crafatar.com/renders/body/RattleSneyk
Как мне во первых отобразить эту картинку, а во вторых как мне сделать так, чтобы при вводе текста в input последняя часть url менялась и соответственно менялась картинка. ?
  • Вопрос задан
  • 284 просмотра
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Как то так:
var $input = $(".input"),
    $img = $(".img");

$input.on("change", function () {
    var val = $(this).prop("value"),
        src = $img.prop("src"),
        temp = src.split("/");

    temp[temp.length - 1] = val;
    $img.prop("src", temp.join("/"));
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 11:48
10000 руб./за проект
19 апр. 2024, в 11:14
65000 руб./за проект