diff --git a/async-requests/poll/task.js b/async-requests/poll/task.js
index e69de29bb2..00896edd11 100644
--- a/async-requests/poll/task.js
+++ b/async-requests/poll/task.js
@@ -0,0 +1,61 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const pollTitle = document.getElementById('poll__title');
+ const pollAnswers = document.getElementById('poll__answers');
+
+ function renderPoll(pollData) {
+ pollTitle.textContent = pollData.data.title;
+ pollAnswers.innerHTML = '';
+ pollData.data.answers.forEach((answer, index) => {
+ const answerButton = document.createElement('button');
+ answerButton.classList.add('poll__answer');
+ answerButton.textContent = answer;
+ answerButton.addEventListener('click', function() {
+ sendVote(pollData.id, index);
+ });
+ pollAnswers.appendChild(answerButton);
+ });
+ }
+
+ function sendVote(pollId, answerIndex) {
+ const xhr = new XMLHttpRequest();
+ xhr.open('POST', 'https://students.netoservices.ru/nestjs-backend/poll');
+ xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+ xhr.onload = function() {
+ if (xhr.status === 200) {
+ const response = JSON.parse(xhr.responseText);
+ showThankYou();
+ console.log(response);
+ } else {
+ console.error('Error sending vote:', xhr.status);
+ }
+ };
+ xhr.onerror = function() {
+ console.error('Error sending vote:', xhr.status);
+ };
+ const params = `vote=${pollId}&answer=${answerIndex}`;
+ xhr.send(params);
+ }
+
+ function showThankYou() {
+ alert('Спасибо, ваш голос засчитан!');
+ }
+
+ function loadPoll() {
+ const xhr = new XMLHttpRequest();
+ xhr.open('GET', 'https://students.netoservices.ru/nestjs-backend/poll');
+ xhr.onload = function() {
+ if (xhr.status === 200) {
+ const pollData = JSON.parse(xhr.responseText);
+ renderPoll(pollData);
+ } else {
+ console.error('Error loading poll:', xhr.status);
+ }
+ };
+ xhr.onerror = function() {
+ console.error('Error loading poll:', xhr.status);
+ };
+ xhr.send();
+ }
+
+ loadPoll();
+});
diff --git a/async-requests/preloader/task.js b/async-requests/preloader/task.js
index e69de29bb2..da2fa83002 100644
--- a/async-requests/preloader/task.js
+++ b/async-requests/preloader/task.js
@@ -0,0 +1,53 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const loader = document.getElementById('loader');
+ const items = document.getElementById('items');
+
+ function showLoader() {
+ loader.classList.add('loader_active');
+ }
+
+ function hideLoader() {
+ loader.classList.remove('loader_active');
+ }
+
+ function renderCurrency(currency) {
+ const item = document.createElement('div');
+ item.classList.add('item');
+
+ const code = document.createElement('div');
+ code.classList.add('item__code');
+ code.textContent = currency.CharCode;
+ item.appendChild(code);
+
+ const value = document.createElement('div');
+ value.classList.add('item__value');
+ value.textContent = currency.Value;
+ item.appendChild(value);
+
+ const currencyText = document.createElement('div');
+ currencyText.classList.add('item__currency');
+ currencyText.textContent = 'руб.';
+ item.appendChild(currencyText);
+
+ items.appendChild(item);
+ }
+
+ function loadCurrency() {
+ showLoader();
+ fetch('https://students.netoservices.ru/nestjs-backend/slow-get-courses')
+ .then(response => response.json())
+ .then(data => {
+ hideLoader();
+ const currencies = data.response.Valute;
+ for (const currency in currencies) {
+ renderCurrency(currencies[currency]);
+ }
+ })
+ .catch(error => {
+ console.error('Error fetching currency:', error);
+ hideLoader();
+ });
+ }
+
+ loadCurrency();
+});
diff --git a/async-requests/progressbar/task.js b/async-requests/progressbar/task.js
index e69de29bb2..3648c5736f 100644
--- a/async-requests/progressbar/task.js
+++ b/async-requests/progressbar/task.js
@@ -0,0 +1,36 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const progress = document.getElementById('progress');
+
+ function updateProgress(event) {
+ if (event.lengthComputable) {
+ const percentComplete = (event.loaded / event.total) * 100;
+ progress.value = percentComplete;
+ }
+ }
+
+ function sendFormData(formData) {
+ const xhr = new XMLHttpRequest();
+ xhr.open('POST', 'https://students.netoservices.ru/nestjs-backend/upload');
+ xhr.upload.addEventListener('progress', updateProgress);
+ xhr.onload = function() {
+ if (xhr.status === 200) {
+ console.log('File uploaded successfully');
+ } else {
+ console.error('Error uploading file:', xhr.status);
+ }
+ };
+ xhr.onerror = function() {
+ console.error('Error uploading file:', xhr.status);
+ };
+ xhr.send(formData);
+ }
+
+ function handleFormSubmit(event) {
+ event.preventDefault();
+ const formData = new FormData(event.target);
+ sendFormData(formData);
+ }
+
+ const form = document.getElementById('form');
+ form.addEventListener('submit', handleFormSubmit);
+});
diff --git a/document-structure/cart/task.js b/document-structure/cart/task.js
index e69de29bb2..28b3b33860 100644
--- a/document-structure/cart/task.js
+++ b/document-structure/cart/task.js
@@ -0,0 +1,52 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const productCards = document.querySelectorAll('.product');
+ const cart = document.querySelector('.cart');
+ const cartTitle = document.querySelector('.cart__title');
+
+ productCards.forEach(product => {
+ const addButton = product.querySelector('.product__quantity-control_inc');
+ const removeButton = product.querySelector('.product__quantity-control_dec');
+ const quantityValue = product.querySelector('.product__quantity-value');
+ const addToCartButton = product.querySelector('.product__add');
+
+ addButton.addEventListener('click', function() {
+ let newValue = parseInt(quantityValue.textContent) + 1;
+ quantityValue.textContent = newValue > 0 ? newValue : 1;
+ });
+
+ removeButton.addEventListener('click', function() {
+ let newValue = parseInt(quantityValue.textContent) - 1;
+ quantityValue.textContent = newValue > 0 ? newValue : 1;
+ });
+
+ addToCartButton.addEventListener('click', function() {
+ const productId = product.getAttribute('data-id');
+ const productImageSrc = product.querySelector('.product__image').getAttribute('src');
+ const productQuantity = parseInt(quantityValue.textContent);
+
+ const existingCartItem = cart.querySelector(`.cart__product[data-id="${productId}"]`);
+ if (existingCartItem) {
+ const existingQuantity = parseInt(existingCartItem.querySelector('.cart__product-count').textContent);
+ existingCartItem.querySelector('.cart__product-count').textContent = existingQuantity + productQuantity;
+ } else {
+ const cartProduct = document.createElement('div');
+ cartProduct.classList.add('cart__product');
+ cartProduct.setAttribute('data-id', productId);
+
+ const cartProductImage = document.createElement('img');
+ cartProductImage.classList.add('cart__product-image');
+ cartProductImage.setAttribute('src', productImageSrc);
+ cartProduct.appendChild(cartProductImage);
+
+ const cartProductCount = document.createElement('div');
+ cartProductCount.classList.add('cart__product-count');
+ cartProductCount.textContent = productQuantity;
+ cartProduct.appendChild(cartProductCount);
+ cart.appendChild(cartProduct);
+ }
+
+ cartTitle.style.display = 'block';
+ });
+ });
+ });
+
\ No newline at end of file
diff --git a/document-structure/todo/task.js b/document-structure/todo/task.js
index e69de29bb2..0a3d77a5ae 100644
--- a/document-structure/todo/task.js
+++ b/document-structure/todo/task.js
@@ -0,0 +1,32 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const taskList = document.getElementById('tasks__list');
+ const inputTask = document.getElementById('task__input');
+ const addButton = document.getElementById('tasks__add');
+
+ function addTask(taskContent) {
+ const taskHTML = `
+
+
+ ${taskContent}
+
+
×
+