JS работа с HTML формой
У нас есть такая задачка. Есть форма в ней одно поле, туда мы вводим текст. Записываем его в массив. На выходе вторая буква второго слова должна быть в 2 раза больше размером чем все, а третья буква третьего слова должна быть отличного шрифта от всех остальных.
Нужно отслеживать слова наверное по пробелу, не знаю как это сделать:( |
|
да, получилось сделать, спасибо, а не подскажите как обратиться именно ко второй букве второго слова например?
|
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Введите текст<input type="text">
<div></div>
<script>
var div = document.querySelector('div');
document.querySelector('input').oninput=function(){
var arr = this.value.split(' ').map(el=> el.split(''));
if(arr[1][1]) arr[1][1] = '<span style="font-size: '+parseFloat(getComputedStyle(div).fontSize)*2+'px;">'+arr[1][1]+'</span>';
if(arr[2][2]) arr[2][2] = '<span style="font-family: Impact;">'+arr[2][2]+'</span>';
div.innerHTML = arr.map(el=>el.join('')).join(' ');
};
</script>
</body>
</html>
набросок |
| Часовой пояс GMT +3, время: 05:04. |