Створити html-сторінку, де знаходиться кнопка.
При натисканні на кнопку повинна викликатися функція, яка в одновимірному цілісному масиві шукає та виводить перше парне число та його індекс. Обробник - анонімна функція.
Результат:
Якщо парних чисел немає, то виводить повідомлення. Обробник - іменована функція.
Результат:
У велике текстове поле вводиться текст.За натисканням на кнопку нижче вивести:
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="utf-8">
<title>Практична робота 2. Завдання 1</title>
<style>
h1 {
border: outset 1px navy;
padding: 0;
background: lime;
margin: 0;
}
textarea {
border: outset 1px navy;
font-size: 14pt;
color: navy;
background: #F0F0F0;
padding: 0;
margin: 10px;
}
</style>
</head>
<body>
<textarea cols="50" rows="5" id="text">
<h1>Безсмертя у смерті не прошу.</h1>
<h2>Йосип Бродський</h2>
<p>
Безсмертя у смерті не прошу.<br>
Зляканий, коханий і жебрак,<br>
але з кожним днем прожитим рушаю<br>
впевненіший і солодший, і світліший.<br>
</p>
</textarea>
<input type="button" value="Вивести статистику" id="vvod" onclick="Statu()"/>
</body>
</html>
<script type="text/javascript">
function Statu() {
const text = document.getElementById('text').value;
const spaceArray = text.split(' ');
const pointArray = text.split('.');
console.log("Кількість слів: " + (spaceArray.length - 1));
console.log("Кількість речень: " + (pointArray.length - 1));
let maxLength = 0;
let longestWord = '';
spaceArray.forEach(word => {
if (word.length > maxLength) {
maxLength = word.length;
longestWord = word;
}
});
console.log("Найдовше слово: " + longestWord);
const tags = [];
const tagRegex = /<[^>]+>/g;
const matches = text.match(tagRegex);
if (matches) {
matches.forEach(tag => {
tags.push(tag);
});
console.log("Теги у тексті: " + tags.join(', '));
}
}
</script>
Перетворення BB-кодів у HTML теги
1. BB-коди: Форматування тексту новини(перейди за посиланням!!!) ⬇
2. Задачі з BB-кодами для самостійного розв'язання(перейди за посиланням!!!) ⬇
У велике текстове поле вводиться текст "<p>Граф М.С.Воронцов дбав і про благоустрій міста - про те, щоб забезпечити Одесу гарною водою, замостити вулиці, розбити парки та сади. <ol> За його допомогою та сприяння були відкриті: <li>Міська публічна бібліотека, <li>Суспільство сільського господарства Південної Росії, <li>Статистичний Комітет, <li>Одеське товариство історії та старожитностей з музеями, <li>дирекція Російського театру і т.д. <li>Рішельєвський ліцей став вищим навчальним закладом. <li>Виникла маса благодійних товариств... </ol>". Після натискання на кнопку c написом "Показати" нижче має розгорнутися список того, що було відкрито Воронцовим, згадане в тексті. Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку список повинен сховатися.
document.getElementById('toggleBtn').addEventListener('click', function() {
const listContainer = document.getElementById('listContainer');
const button = document.getElementById('toggleBtn');
const inputText = document.getElementById('inputText').value;
if (listContainer.classList.contains('show')) {
// Сховати список
listContainer.classList.remove('show');
button.textContent = 'Показати список';
} else {
// Показати список
extractAndDisplayList(inputText);
listContainer.classList.add('show');
button.textContent = 'Приховати список';
}
});
function extractAndDisplayList(text) {
const achievementList = document.getElementById('achievementList');
achievementList.innerHTML = '';
// Видаляємо HTML теги та отримуємо чистий текст
const cleanText = text.replace(/<[^>]*>/g, '');
// Знаходимо частину тексту після "були відкриті:"
const startIndex = cleanText.indexOf('були відкриті:');
if (startIndex === -1) return;
// Виділяємо частину тексту з переліком
let listText = cleanText.substring(startIndex + 'були відкриті:'.length);
// Видаляємо частину після "і т.д." якщо вона є
const etcIndex = listText.indexOf('і т.д.');
if (etcIndex !== -1) {
listText = listText.substring(0, etcIndex + 'і т.д.'.length);
}
// Розділяємо текст на окремі пункти
// Використовуємо коми та крапки з комою як роздільники
const items = listText.split(/[,;]/).filter(item => item.trim() !== '');
// Додаємо пункти до списку
items.forEach(item => {
const listItem = document.createElement('li');
// Прибираємо зайві пробіли та додаємо пунктуацію
let cleanItem = item.trim();
if (!cleanItem.endsWith('.') && !cleanItem.endsWith('!') && !cleanItem.includes('і т.д')) {
cleanItem += '.';
}
listItem.textContent = cleanItem;
achievementList.appendChild(listItem);
});
}
// Автоматично показуємо список при завантаженні сторінки
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('toggleBtn').click();
});
</script>
У зашифрованому тексті "{1} Ні, обдурила Вас поголос {2}Як і раніше дихаю я вами,{2}І наді мною свої права{2} Ви не втратили з роками. {1} {3}", зустрічаються коди теги взяті у фігурні дужки індекси деякого масиву в тегами html (Приклад {1} - це tag[1]="<p>",{2}="<br>",{3}=="</p>"). нижче має з'явитися отримана сторінка в браузері. Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку вірш має сховатися.
Дан массив ['a', 'b', 'c', 'd', 'e'] Після натискання на кнопку нижче вивести масив у зворотному порядку ['e', 'd', 'c', 'b', 'a'].
У велике текстове поле вводиться текст "<p>У 1915 його перевели в польовий військово-санітарний поїзд № 255 і Паустовський знову побував в Одесі. <p>У 1915 був опублікований його нарис "Листи з війни". <p>Влітку 1916 р. Паустовський одружився з Катериною Загорською. <p>Роман "Романтики" (1916-1923, опублікований в 1935). <з>Наприкінці 1918 р. виїхав з Москви в Україну, був журналістом у Києві, потім восени 1919 перебрався до Одеси, де прожив до 1922 р. </ol>". Після натискання на кнопку c написом "Показати" нижче повинен розгорнутися список усіх дат, згаданих у тексті. Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку список повинен сховатися.
Дан цілісний масив. Визначити залишок від поділу суми елементів із парними індексами на суму елементів із непарними індексами. Натиснувши кнопку нижче, вивести проміжний і остаточний результат на сторінку.
У зашифрованому тексті "{1}Что в имени тебе моем?{2}Оно умрет, как шум печальный,{2}Волны, плеснувшей в берег дальный,а{2} Как звук ночной в лесу глухом.{1} {3}", зустрічаються коди теги взяті у фігурні дужки індекси деякого масиву в тегами (Приклад {1} - це tag[1]="<p>",{2}="<br>",{3}=="<img src='pic.png' >").Перетворити коди на теги і вивести отриману сторінку у браузері.
Можливий такий код як {3}. Вивести зображення. Перетворити коди на теги та за натисканням на кнопку c написом "Показати" нижче має з'явитися отримана сторінка в браузері.Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку вірш має сховатися.
У велике текстове поле вводиться текст "<p>При Рішельє місто починає розвиватися небаченими на той час темпами. Сюди ринули поселенці різних народностей та віросповідань. </p> <ol> Пам'ять про них досі зберігається у назвах вулиць та районів: <li> Молдова; <li>Болгарська, <li>Грецька, <li>Польська та Єврейська вулиці; <li>Велика та Мала Арнаутські (арнаути – албанці, що втекли від турецького гніту), <li>Французький та Італійський бульвари; <li> Вірменський та Лютеранський провулки. </ol>". За натисканням на кнопку з написом "Показати" нижче має розгорнутись список вулиць та районів Одеси, згаданих у тексті. Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку список, повинен сховатися.
У заданому рядку "граф Широн, а точніше Арман Еммануель дю Плессі дюк де Рішельє, Герцог Рішельє, герцог де Фронсак – народився Парижі 1766 року. " поміняти місцями перше і 12 , а також друге і 13 слова рядка. Розділювачами слів вважаються прогалини. За натисканням на кнопку нижче вивести остаточний результат на сторінку.
У велике текстове поле вводиться текст. "У 1812 році на місто обрушилася чума. Місто одразу розділили на 15 ділянок. Жителям найсуворіше заборонили виходити із будинків. Провізію вони отримували через вікна, при цьому гроші опускалися в посудину з оцтом, що служив на той час дезінфікуючим засобом. Одеса була відрізана від усього світу. Річками Південного Бугу, Дністру, Кодимі та по сухопутному кордоні з Подолією встановили кордон. Порт закрили.
Дан цілісний масив. Визначити суму елементів, що не перевищують середньоарифметичне всіх елементів масиву. За натисканням на кнопку нижче вивести проміжний та остаточний результат на сторінку.
У заданому рядку замінити кожен символ «*» числом, що відповідає номеру по порядку входження цього символу в рядок.
Даний цілий масив, що містить однакові елементи. Обчислити значення таких елементів у ступені, що дорівнює кількості їх повторення (кратності). За натисканням на кнопку нижче вивести такі числа та обчислені ступені у таблиці з двох стовпців (рядків буде стільки, скільки кратних чисел) на сторінку.
Дан div, у ньому картинка. Після натискання на картинку див обрамляється в червону рамочку, по наведенню мишки на картинку, вона змінюється іншу картинку. Зробіть так, щоб було дві функції: одна фарбує у червоний колір рамку діва, інша змінює картинку.
Дан цілісний масив. Обчислити суму всіх елементів, які мають значення таких цифрового кореня =1. Після натискання на кнопку нижче вивести такі числа та обчислену суму на сторінку.
У зашифрованому тексті "{1} Це - свист, що круто налився,{2}Це - клацання здавлених крижинок,{2}Це - ніч, льодова лист, {2} {1} Це двох солов'їв поєдинок. {3}", зустрічаються коди теги взяті у фігурні дужки індекси деякого масиву в тегами html (Приклад {1} - це tag[1]="<p>",{2}="<br>",{3}=="</p>").Перетворити коди на теги , додати абзац з текстом АНАФОРА (грец. anaphora - винесення; російський термін - єдиночаття) - стилістична фігура; скріплення мовних відрізків (частин фрази, віршів) з допомогою повтору слова чи словосполучення у початковій позиції. ", потім після натискання на кнопку c написом "Показати" нижче має з'явитися отримана сторінка в браузері. Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку вірш має сховатися.
Дан масив ['123', '888', '9', '12, '4521'] За натисканням на кнопку нижче вивести масив відсортований за зменшенням.
У велике текстове поле вводиться текст "<p> Я обманывать себя не стану,</p> <p>Залегла забота в сердце мглистом. <p>Отчего прослыл я шарлатаном, <p>Отчего прослыл я скандалистом? <з>И теперь уж я болеть не стану. <p>Прояснилась омуть в сердце мглистом. <p>Оттого прослыл я шарлатаном, <p>Оттого прослыл я скандалистом. <p>". Після натискання на кнопку c написом "Показати" нижче має розгорнутися таблиця, в першому осередку, перший куплет вірша, у другому осередку другий куплет, у другому рядку в об'єднаному осередку текст "ЕПІФОРА - стилістична фігура - повторення того самого слова в кінці суміжних відрізків мови, один із різновидів паралельних синтаксичних конструкцій.". Напис на кнопці змінюється на "Приховати", при повторному натисканні на кнопку таблиця повинна сховатися.
