Форум

Artem19981 · #1 (**permalink**) 17.01.2018, 10:57

У нас есть такая задачка. Есть форма в ней одно поле, туда мы вводим текст. Записываем его в массив. На выходе вторая буква второго слова должна быть в 2 раза больше размером чем все, а третья буква третьего слова должна быть отличного шрифта от всех остальных.
Нужно отслеживать слова наверное по пробелу, не знаю как это сделать

Nexus · #2 (**permalink**) 17.01.2018, 11:30

https://learn.javascript.ru/array-methods

Artem19981 · #3 (**permalink**) 17.01.2018, 11:38

да, получилось сделать, спасибо, а не подскажите как обратиться именно ко второй букве второго слова например?

Nexus · #4 (**permalink**) 17.01.2018, 11:51

https://learn.javascript.ru/string#%...BB%D0%B0%D0%BC

j0hnik · #5 (**permalink**) 18.01.2018, 01:13

<!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>

набросок

Форум

Справочник

Discord чат

Курсы javascript