Как добавить текст после ссылки в HTML

270
17 июля 2018, 07:40

Мне нужно, чтобы после того, как кто-нибудь, например, написал цифру 20, она добавилась к ссылке.

Например, если я напишу число "20" и нажму на кнопку "ок", то меня кинет на заранее запрограммированную ссылку "test.com", но еще добавит число "20", чтобы получилось "test.com/20".

Я попытался так, но у меня не получилось:

<form action="test.com/">
  <input name="value" type="text" value="" />
  <input type="submit" value="Submit" />
</form>
Answer 1

var srclnk = "https://google.com/"; 
var inp = document.getElementById("linkcreator"); 
var lnk = document.getElementById("link"); 
inp.addEventListener("input", function(){ 
  lnk.href = srclnk+inp.value; 
});
<input type="text" placeholder="type the url" id="linkcreator"/><a href="https://google.com/" id="link">Go</a>

READ ALSO
Отображение текста в Textarea с конца
HTML

Отображение текста в Textarea с конца

Нужно сделать textarea так, чтобы сначала отображался текст, который находится в самом конце, а потом чтобы уже самому можно было пролистать вверх

 203
Слик слайдер! Как растянуть слайдер на весь див, сделать его адаптивным!
HTML

Слик слайдер! Как растянуть слайдер на весь див, сделать его адаптивным!

Подскажите каким образом я могу растянуть слайдер на весь див заданный для слайдера, никак не получается! Так же не могу сделать его адаптивным,...

 605
Выделить элементы карусели
HTML

Выделить элементы карусели

На сайте установлена owl-carousel 2Карусель на всю ширину экрана с бесконечной прокруткой

 219
Атрибут Pattern в INPUT, HTML
HTML

Атрибут Pattern в INPUT, HTML

 247