Практичне завдання "Підказка-Відповідь"
Створіть інтерактивний документ з кнопками Підказка та Відповідь. При клацанні кнопки Підказка має бути показаний текст підказки на поставлене питання; при повторному клацанні підказка знову приховується. При наведенні вказівника мишки на кнопку Відповідь користувачеві запропонують ввести пароль. Якщо введений пароль правильний, то буде показана відповідь.
Текст html-документа:
Питання: 2+2=?
<button onclick="fishka1()" id="p1"> Підказка1 </button>
<button onclick="fishka2()" style="display:none" id="p2">
Підказка2 </button>
<button onclick="fishka3()" style="display:none" id="p3"> Відповідь</button>
<p id="demo"> </p>
В функції потрібно змінювати вміст елемента demo, а також змінювати видимість елементів p1 та p2.
Завдання можна виконувати в сервісі https://jsbin.com/?html,js,output . Результат роботи можна зберегти Share та здати посилання на виконану роботу.
Відомості та рекомендації щодо виконання даного завдання – див. Лекцію 12.