MastersAcademy · vadym-zinchenko-moc · Nov 20, 2023 · Nov 15, 2023 · Nov 15, 2023 · Nov 17, 2023
diff --git a/homeworks/artem.sokur_Grimdvl/0-intro/README.md b/homeworks/artem.sokur_Grimdvl/0-intro/README.md
@@ -0,0 +1,3 @@
+node version - v18.18.1
+C:\Program Files\nodejs
+npm version - 9.8.1
diff --git a/homeworks/artem.sokur_Grimdvl/4-basics/basics.js b/homeworks/artem.sokur_Grimdvl/4-basics/basics.js
@@ -0,0 +1,29 @@
+const firstNumber = +prompt('Enter the first number:', '').trim();
+const sign = prompt('Enter mathematic sign (+, -, *, /, %, **):', '').trim();
+const secondNumber = +prompt('Enter the second number:', '').trim();
+
+function calculator() {
+    let result;
+
+    if (sign === '+') {
+        result = firstNumber + secondNumber;
+    } else if (sign === '-') {
+        result = firstNumber - secondNumber;
+    } else if (sign === '*') {
+        result = firstNumber * secondNumber;
+    } else if (sign === '/') {
+        result = firstNumber / secondNumber;
+    } else if (sign === '%') {
+        result = firstNumber % secondNumber;
+    } else if (sign === '**') {
+        result = firstNumber ** secondNumber;
+    } else {
+        result = 'Ups! Something went wrong...';
+    }
+
+    return result;
+}
+const equal = calculator();
+
+alert(`Your result: ${Number.isNaN(equal) || equal === undefined || equal === '' ? 'Ups! Something went wrong...' : equal}`);
+window.location.reload();
diff --git a/homeworks/artem.sokur_Grimdvl/4-basics/index.html b/homeworks/artem.sokur_Grimdvl/4-basics/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Calculator</title>
+    </head>
+    <body>
+        <script src="basics.js"></script>
+    </body>
+</html>
diff --git a/homeworks/artem.sokur_Grimdvl/5-logic/homework.js b/homeworks/artem.sokur_Grimdvl/5-logic/homework.js
@@ -0,0 +1,38 @@
+function calculate(firstValue, secondValue, operation) {
+    let result;
+
+    const firstNumber = +firstValue;
+    const secondNumber = +secondValue;
+
+    if ((Number.isNaN(firstNumber)) || (Number.isNaN(secondNumber))) {
+        return 'Enter a number';
+    }
+
+    switch (operation) {
+        case '+':
+            result = firstNumber + secondNumber;
+            break;
+        case '-':
+            result = firstNumber - secondNumber;
+            break;
+        case '*':
+            result = firstNumber * secondNumber;
+            break;
+        case '/':
+            result = firstNumber / secondNumber;
+            break;
+        case '**':
+            result = firstNumber ** secondNumber;
+            break;
+        default:
+            result = 'Choose a valid operation';
+    }
+
+    if (result > 100) {
+        result = 'Result is too big';
+    }
+
+    return result;
+}
+
+window.calculate = calculate;
diff --git a/homeworks/artem.sokur_Grimdvl/5-logic/index.html b/homeworks/artem.sokur_Grimdvl/5-logic/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Basic JS</title>
+        <style>
+            .field {
+                display: flex;
+                column-gap: 10px;
+                margin: 20px;
+            }
+        </style>
+    </head>
+    <body>
+        <h1>Calculator v. 1</h1>
+        <div class="field">
+            <label>
+                <input id="firstValue">
+            </label>
+            <label>
+                <select name="operation" id="operation">
+                    <option value="+">+</option>
+                    <option value="-">-</option>
+                    <option value="/">/</option>
+                    <option value="*">*</option>
+                    <option value="**">**</option>
+                </select>
+            </label>
+            <label>
+                <input id="secondValue">
+            </label>
+            <button id="calculate" type="button">=</button>
+            <span id="result"></span>
+        </div>
+        <script src="./script.js"></script>
+        <script src="./homework.js"></script>
+    </body>
+</html>
diff --git a/homeworks/artem.sokur_Grimdvl/5-logic/script.js b/homeworks/artem.sokur_Grimdvl/5-logic/script.js
@@ -0,0 +1,13 @@
+const FIRST_VALUE_ELEMENT = document.getElementById('firstValue');
+const SECOND_VALUE_ELEMENT = document.getElementById('secondValue');
+const OPERATION_ELEMENT = document.getElementById('operation');
+const CALCULATE_BUTTON_ELEMENT = document.getElementById('calculate');
+const RESULT_ELEMENT = document.getElementById('result');
+
+CALCULATE_BUTTON_ELEMENT.addEventListener('click', () => {
+    const firstValue = FIRST_VALUE_ELEMENT.value;
+    const secondValue = SECOND_VALUE_ELEMENT.value;
+    const operation = OPERATION_ELEMENT.value;
+
+    RESULT_ELEMENT.innerText = window.calculate(firstValue, secondValue, operation);
+});
diff --git a/homeworks/artem.sokur_Grimdvl/7-arrays-loops/arrays.js b/homeworks/artem.sokur_Grimdvl/7-arrays-loops/arrays.js
@@ -0,0 +1,118 @@
+const arrayOne = [3, 0, -5, 1, 44, -12, 3, 0, 0, 1, 2, -3, -3, 2, 1, 4, -2, -3, -1];
+const arrayTwo = [-1, -8, -2];
+const arrayThree = [1, 7, 3];
+const arrayFour = [1, undefined, 3, 5, -3];
+const arrayFive = [1, NaN, 3, 5, -3];
+
+function maxNumberOfArr(array) {
+    let maxNumber = array[0];
+
+    for (let i = 1; i < array.length; i++) {
+        if (maxNumber < array[i]) {
+            maxNumber = array[i];
+        }
+    }
+
+    return maxNumber;
+}
+
+console.log(maxNumberOfArr(arrayOne)); // 44
+console.log(maxNumberOfArr(arrayTwo)); // -1
+console.log(maxNumberOfArr(arrayThree)); // 7
+console.log(maxNumberOfArr(arrayFour)); // 5
+console.log(maxNumberOfArr(arrayFive)); // 5
+
+function minNumberOfArr(array) {
+    let minNumber = array[0];
+
+    for (let i = 1; i < array.length; i++) {
+        if (minNumber > array[i]) {
+            minNumber = array[i];
+        }
+    }
+
+    return minNumber;
+}
+
+console.log(minNumberOfArr(arrayOne)); // -12
+console.log(minNumberOfArr(arrayTwo)); // -8
+console.log(minNumberOfArr(arrayThree)); // 1
+console.log(minNumberOfArr(arrayFour)); // -3
+console.log(minNumberOfArr(arrayFive)); // -3
+
+function sumNumbersOfArr(array) {
+    let sumNumbers = 0;
+
+    for (let i = 0; i < array.length; i++) {
+        const number = array[i];
+        if (typeof number === 'number' && !Number.isNaN(number)) {
+            sumNumbers += number;
+        }
+    }
+
+    return sumNumbers;
+}
+
+console.log(sumNumbersOfArr(arrayOne)); // 32
+console.log(sumNumbersOfArr(arrayTwo)); // -11
+console.log(sumNumbersOfArr(arrayThree)); // 11
+console.log(sumNumbersOfArr(arrayFour)); // 6
+console.log(sumNumbersOfArr(arrayFive)); // 6
+
+function onlyNegativeNumbers(array) {
+    return array.filter((number) => number < 0);
+}
+
+console.log(onlyNegativeNumbers(arrayOne)); // [-5, -12, -3, -3, -2, -3, -1]
+console.log(onlyNegativeNumbers(arrayTwo)); // [-1, -8, -2]
+console.log(onlyNegativeNumbers(arrayThree)); // []
+console.log(onlyNegativeNumbers(arrayFour)); //  [-3]
+console.log(onlyNegativeNumbers(arrayFive)); // [-3]
+
+function onlyPositiveNumbers(array) {
+    return array.filter((number) => number > 0);
+}
+
+console.log(onlyPositiveNumbers(arrayOne));// [3, 1, 44, 3, 1, 2, 2, 1, 4]
+console.log(onlyPositiveNumbers(arrayTwo)); // [];
+console.log(onlyPositiveNumbers(arrayThree)); // [1, 7, 3];
+console.log(onlyPositiveNumbers(arrayFour)); // [1, 3, 5];
+console.log(onlyPositiveNumbers(arrayFive)); // [1, 3, 5];
+
+// exercise *
+
+const numbers = [1, 2, 3, 4, 5];
+
+function customReduce(array, reducer, value) {
+    const hasValue = value !== undefined;
+    const startIndex = hasValue ? 0 : 1;
+    let nums = hasValue ? value : array[0];
+
+    for (let i = startIndex; i < array.length; i++) {
+        nums = reducer(nums, array[i]);
+    }
+    return nums;
+}
+
+const sumAllNumbers = customReduce(numbers, (result, number) => {
+    let res = result;
+    res += number;
+
+    return res;
+}, 0);
+
+console.log(sumAllNumbers);
+
+function customMap(array, mapper) {
+    const result = [];
+
+    for (let i = 0; i < array.length; i++) {
+        result.push(mapper(array[i]));
+    }
+
+    return result;
+}
+
+const multyNumbers = customMap(numbers, (mapper) => mapper * 2);
+
+console.log(multyNumbers);
diff --git a/...works/artem.sokur_Grimdvl/calculator.html → ...ur_Grimdvl/PokemonProject/calculator.html b/...works/artem.sokur_Grimdvl/calculator.html → ...ur_Grimdvl/PokemonProject/calculator.html
diff --git a/...sokur_Grimdvl/img/icons/logo-facebook.svg → ...okemonProject/img/icons/logo-facebook.svg b/...sokur_Grimdvl/img/icons/logo-facebook.svg → ...okemonProject/img/icons/logo-facebook.svg
diff --git a/...okur_Grimdvl/img/icons/logo-instagram.svg → ...kemonProject/img/icons/logo-instagram.svg b/...okur_Grimdvl/img/icons/logo-instagram.svg → ...kemonProject/img/icons/logo-instagram.svg
diff --git a/...sokur_Grimdvl/img/icons/logo-linkedin.svg → ...okemonProject/img/icons/logo-linkedin.svg b/...sokur_Grimdvl/img/icons/logo-linkedin.svg → ...okemonProject/img/icons/logo-linkedin.svg
diff --git a/...artem.sokur_Grimdvl/img/icons/logo-ma.svg → ...mdvl/PokemonProject/img/icons/logo-ma.svg b/...artem.sokur_Grimdvl/img/icons/logo-ma.svg → ...mdvl/PokemonProject/img/icons/logo-ma.svg
diff --git a/.../artem.sokur_Grimdvl/img/icons/search.svg → ...imdvl/PokemonProject/img/icons/search.svg b/.../artem.sokur_Grimdvl/img/icons/search.svg → ...imdvl/PokemonProject/img/icons/search.svg
diff --git a/...artem.sokur_Grimdvl/img/pokemon-title.png → ...mdvl/PokemonProject/img/pokemon-title.png b/...artem.sokur_Grimdvl/img/pokemon-title.png → ...mdvl/PokemonProject/img/pokemon-title.png
diff --git a/...works/artem.sokur_Grimdvl/img/pokemon.png → ...ur_Grimdvl/PokemonProject/img/pokemon.png b/...works/artem.sokur_Grimdvl/img/pokemon.png → ...ur_Grimdvl/PokemonProject/img/pokemon.png
diff --git a/homeworks/artem.sokur_Grimdvl/index.html → ...m.sokur_Grimdvl/PokemonProject/index.html b/homeworks/artem.sokur_Grimdvl/index.html → ...m.sokur_Grimdvl/PokemonProject/index.html
diff --git a/homeworks/artem.sokur_Grimdvl/login.html → ...m.sokur_Grimdvl/PokemonProject/login.html b/homeworks/artem.sokur_Grimdvl/login.html → ...m.sokur_Grimdvl/PokemonProject/login.html
diff --git a/homeworks/artem.sokur_Grimdvl/pokemons.html → ...okur_Grimdvl/PokemonProject/pokemons.html b/homeworks/artem.sokur_Grimdvl/pokemons.html → ...okur_Grimdvl/PokemonProject/pokemons.html
diff --git a/...artem.sokur_Grimdvl/scripts/calculator.js → ...mdvl/PokemonProject/scripts/calculator.js b/...artem.sokur_Grimdvl/scripts/calculator.js → ...mdvl/PokemonProject/scripts/calculator.js
diff --git a/homeworks/artem.sokur_Grimdvl/PokemonProject/scripts/login.js b/homeworks/artem.sokur_Grimdvl/PokemonProject/scripts/login.js
@@ -0,0 +1,92 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const EMAIL_INPUT_ID = 'email';
+    const PASSWORD_INPUT_ID = 'password';
+    const NOT_A_ROBOT_CHECKBOX_ID = 'checkbox';
+    const SUBMIT_BUTTON_ID = 'submit-button';
+    const RESULT_PAGE_PATH = './success.html';
+
+    const submitButton = document.getElementById(SUBMIT_BUTTON_ID);
+    const errorsContainer = document.querySelectorAll('.errors-container');
+    const inputs = document.querySelectorAll('.login__form-input input');
+
+    const errors = {
+        email: { text: 'Invalid email format', hasError: false },
+        password: { text: 'Password length should be between 8 and 12 characters', hasError: false },
+        checkbox: { text: 'Checkbox is not checked', hasError: false },
+    };
+
+    function removeSpaces(item) {
+        item.value = item.value.replace(/\s/g, '');
+    }
+
+    function getValueById(elementId) {
+        const element = document.getElementById(elementId);
+        const type = element.getAttribute('type');
+
+        return type === 'checkbox' ? element.checked : element.value;
+    }
+
+    function setErrors(error) {
+        errorsContainer.forEach((container, i) => {
+            const errorElement = document.createElement('p');
+            errorElement.classList.add('error');
+
+            const errorKey = Object.keys(error)[i];
+            const item = error[errorKey];
+
+            if (item.hasError) {
+                errorElement.textContent = item.text;
+                container.appendChild(errorElement);
+            }
+        });
+    }
+
+    function deleteErrors(classes) {
+        classes.forEach((item) => {
+            const error = item.querySelector('.error');
+            if (error) {
+                error.remove();
+            }
+        });
+    }
+
+    function navigateToResultPage() {
+        window.location.href = RESULT_PAGE_PATH;
+    }
+
+    function isEmail(email) {
+        return /\S+@\S+\.\S+/.test(email);
+    }
+
+    function passwordLength(password) {
+        return password.length >= 8 && password.length <= 12;
+    }
+
+    function validateForm() {
+        deleteErrors(errorsContainer);
+        Object.keys(errors).forEach((key) => {
+            errors[key].hasError = false;
+        });
+
+        if (!isEmail(getValueById(EMAIL_INPUT_ID))) {
+            errors.email.hasError = true;
+        }
+        if (!passwordLength(getValueById(PASSWORD_INPUT_ID))) {
+            errors.password.hasError = true;
+        }
+        if (!getValueById(NOT_A_ROBOT_CHECKBOX_ID)) {
+            errors.checkbox.hasError = true;
+        }
+
+        setErrors(errors);
+
+        if (!Object.values(errors).some((error) => error.hasError)) {
+            navigateToResultPage();
+        }
+    }
+
+    inputs.forEach((input) => {
+        input.addEventListener('input', () => removeSpaces(input));
+    });
+    submitButton.onclick = validateForm;
+});
diff --git a/...works/artem.sokur_Grimdvl/style/about.css → ...ur_Grimdvl/PokemonProject/style/about.css b/...works/artem.sokur_Grimdvl/style/about.css → ...ur_Grimdvl/PokemonProject/style/about.css
diff --git a/.../artem.sokur_Grimdvl/style/calculator.css → ...imdvl/PokemonProject/style/calculator.css b/.../artem.sokur_Grimdvl/style/calculator.css → ...imdvl/PokemonProject/style/calculator.css
diff --git a/...works/artem.sokur_Grimdvl/style/login.css → ...ur_Grimdvl/PokemonProject/style/login.css b/...works/artem.sokur_Grimdvl/style/login.css → ...ur_Grimdvl/PokemonProject/style/login.css
diff --git a/...ks/artem.sokur_Grimdvl/style/pokemons.css → ...Grimdvl/PokemonProject/style/pokemons.css b/...ks/artem.sokur_Grimdvl/style/pokemons.css → ...Grimdvl/PokemonProject/style/pokemons.css
diff --git a/...works/artem.sokur_Grimdvl/style/style.css → ...ur_Grimdvl/PokemonProject/style/style.css b/...works/artem.sokur_Grimdvl/style/style.css → ...ur_Grimdvl/PokemonProject/style/style.css
diff --git a/homeworks/artem.sokur_Grimdvl/success.html → ...sokur_Grimdvl/PokemonProject/success.html b/homeworks/artem.sokur_Grimdvl/success.html → ...sokur_Grimdvl/PokemonProject/success.html