Форум

Vadim Zhizherin · #1 (**permalink**) 05.05.2018, 10:38

1. Из индексированного массива с названиями месяцев (кириллица) вывести все месяцы, которые не имеют в своем названии буквы «р».
2. При щелчке мышью по элементу <div id="control" onclick="f()">+</div> переключать видимость/невидимость списка <ul id="list">…</ul>, расположенного после этого элемента.
Использовать свойство элемента style.display.
Если список видимый, вместо «+» отображать «-», и наоборот.
Использовать свойство элемента innerHTML.
3. Создать форму с элементами <input type=" checkbox" /> для выбора нескольких любимых животных и кнопкой <input type="button" onclick="choose()" value="Выбрать">. При нажатии на кнопку список выбранных животных динамически записать на странице:
«Вы выбрали: …». Использовать свойство innerHTML.

j0hnik · #2 (**permalink**) 05.05.2018, 10:44

var month = ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'];
alert(month.filter(el=>!/р/i.test(el)));

Vadim Zhizherin · #3 (**permalink**) 05.05.2018, 10:51

спасибо

j0hnik · #4 (**permalink**) 05.05.2018, 10:55

Vadim Zhizherin,
В школе задали?

Vadim Zhizherin · #5 (**permalink**) 05.05.2018, 10:56

а как сделать так, чтобы выводились месяца с "р"?

Vadim Zhizherin · #6 (**permalink**) 05.05.2018, 10:57

нет, это зачёт на курсах )

j0hnik · #7 (**permalink**) 05.05.2018, 10:57

Vadim Zhizherin,
убрать из примера !

Vadim Zhizherin · #8 (**permalink**) 05.05.2018, 10:58

спасибо

Vadim Zhizherin · #9 (**permalink**) 05.05.2018, 10:58

3-е я сам сделаю, не поможешь сделать 2-е?

j0hnik · #10 (**permalink**) 05.05.2018, 11:00

<!DOCTYPE html>
<html>
<head>
	<title>Untitled</title>
	<meta charset="utf-8">
</head>
<body>
	<div id="control" onclick="f()">-</div>
	<ul id="list">…</ul>
<script>

	var ul = document.querySelector('#list');
	var ctrl = document.querySelector('#control');
function f(){
	ul.style.display = ul.style.display === 'none'?'block':'none';
	ctrl.innerHTML = ctrl.innerHTML === '-'?'+':'-';
}

</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript