homework/HW02/main.js

function runSwitchSizes() {
    const size = prompt('Введите ваш размер верхней одежды (от 40 до 54)');
    switch (+size) {
        case 40:
            alert('По системе мерок США у вас размер S(6)');
            break;
        case 42:
            alert('По системе мерок США у вас размер M(8)');
            break;
        case 44:
            alert('По системе мерок США у вас размер 10');
            break;
        case 46:
            alert('По системе мерок США у вас размер L(12)');
            break;
        case 48:
            alert('По системе мерок США у вас размер XL(14)');
            break;
        case 50:
            alert('По системе мерок США у вас размер XXL(16)');
            break;
        default:
            alert('Вы допустили ошибку! Проверьте правильность ввода данных!');
    }
}


function runSwitchIf() {
    const color = prompt('Введите цвет', '');
    if (color === 'red') {
        document.write('<div style=\'background-color: red;\'>красный</div>');
        document.write('<div style=\'background-color: black; color: white;\'>черный</div>');
    } else if (color === 'blue') {
        document.write('<div style=\'background-color: blue;\'>синий</div>');
        document.write('<div style=\'background-color: green;\'>зеленый</div>');
    } else {
        document.write('<div style=\'background-color: gray;\'>Я не понял</div>');
    }
}


function runPromptOr() {
    const agePerson = prompt('Сколько вам лет?');
    if (agePerson === null || agePerson === '') {
        alert('Ошибка!Проверьте правильность ввода данных!');
    } else {
        const resultYear = 2021 - agePerson;
        alert(`Ваш год рождения ${resultYear}`);
    }
    prompt('Сколько вам лет?') || alert('Ошибка!Проверьте правильность ввода данных!');
}

function runConfirmOrThisDays() {
    confirm('шопинг?') || alert('ты бяка');
}

function runIfThisDays() {
    const resultRequest = confirm('шопинг?');
    if (resultRequest === false) {
        alert('ты бяка');
    } else {
        alert(`ееее`);
    }
}

function runTriplePrompt() {
    const userName = prompt('Введите имя') || alert('Вы ничего не ввели!');
    const userSurName = prompt('Введите фамилию') || alert('Вы ничего не ввели!');
    const userPoBatkovi = prompt('Введите отчество') || alert('Вы ничего не ввели!');
    alert(`${userSurName} ${userName} ${userPoBatkovi}`);

}

function runDefaultOr() {
    const userName1 = prompt('Введите имя', 'Ivanov');
    const userSurName1 = prompt('Введите фамилию', 'Ivan');
    const userPoBatkovi1 = prompt('Введите отчество', 'Ivanovich');
    alert(`${userSurName1} ${userName1} ${userPoBatkovi1}`);
}

function runDefaultIf() {
    const userName2 = prompt('Введите имя');
    const userSurName2 = prompt('Введите фамилию');
    const userPoBatkovi2 = prompt('Введите отчество');

    if (userName2 === '' || userName2 === null && userSurName2 === '' || userSurName2 === null && userPoBatkovi2 === '' || userPoBatkovi2 === null) {
        const userName2 = 'Ivan';
        const userSurName2 = 'Ivanov';
        const userPoBatkovi2 = 'Ivanovich';
        alert(`${userSurName2} ${userName2} ${userPoBatkovi2}`);
    } else {
        alert(`${userSurName2} ${userName2} ${userPoBatkovi2}`);
    }
}

function runLoginAndPassword() {
    const registration = {
        login: 'admin',
        password: 'qwerty'
    };
    const login = prompt('Введите логин');

    if (login === registration.login) {

        const password = prompt('Введите пароль');

        if (password === registration.password) {
            alert('Поздравляю!Все ок!');
        } else {
            alert('Проверьте правильность ввода пароля!');
        }

    } else {
        alert('Проверьте правильность ввода логина!');
    }
}

function runCurrencyCalcImproved() {
    const currency = prompt('Введите валюту', 'USD/EUR/CZK');
    const changeCurrency = prompt('Введите цифру в гривнах', 'гривна');

    const arrCurrency = {
        euro: 'EUR',
        dollar: 'USD',
        crown: 'CZK'
    };

    switch (currency.toLowerCase()) {
        case arrCurrency.euro.toLowerCase():
            alert(` ${(+changeCurrency / 30.45).toFixed(2)} евро`);
            break;
        case arrCurrency.dollar.toLowerCase():
            alert(` ${(+changeCurrency / 26.30).toFixed(2)} долларов`);
            break;
        case arrCurrency.crown.toLowerCase():
            alert(` ${(+changeCurrency / 32.45).toFixed(2)} кроны`);
            break;
        default:
            alert('Ошибка!');
    }
}

function runCurrencyTwoRatesIf() {

    const arrCurrency = {
        euro: 'EUR',
        dollar: 'USD',
        crown: 'CZK'
    };

    if (confirm('Вы хотите купить валюту?')) {
        const buyCurrency = prompt('Какую валюту вы хотите купить?', ' USD/EUR/CZK');
        const numberCurrencyBuy = prompt('Введите сумму в гривнах');
        if (buyCurrency.toLowerCase() === arrCurrency.euro.toLowerCase()) {
            alert(` ${(+numberCurrencyBuy / 30.45).toFixed(2)} евро`);
        } else if (buyCurrency.toLowerCase() === arrCurrency.dollar.toLowerCase()) {
            alert(` ${(+numberCurrencyBuy / 26.30).toFixed(2)} долларов`);
        } else if (buyCurrency.toLowerCase() === arrCurrency.crown.toLowerCase()) {
            alert(` ${(+numberCurrencyBuy / 32.45).toFixed(2)} крон`);
        } else {
            alert('Ошибка! Проверьте правильность ввода данных!');
        }
    } else if (confirm('Вы хотите продать валюту?')) {
        const sellCurrency = prompt('Какую валюту вы хотите продать?', ' USD/EUR/CZK');
        const numberCurrencySell = prompt('Введите сумму которую вы хотите продать');
        if (sellCurrency.toLowerCase() === arrCurrency.euro.toLowerCase()) {
            alert(` ${(+numberCurrencySell * 30.45).toFixed(2)} гривен`);
        } else if (sellCurrency.toLowerCase() === arrCurrency.dollar.toLowerCase()) {
            alert(` ${(+numberCurrencySell * 26.30).toFixed(2)} гривен`);
        } else if (sellCurrency.toLowerCase() === arrCurrency.crown.toLowerCase()) {
            alert(` ${(+numberCurrencySell * 32.45).toFixed(2)} гривен`);
        } else {
            alert('Ошибка! Проверьте правильность ввода данных!');
        }
    }

}

function runScissors1() {
    const userResultScissors = prompt('Введите камень/ножницы/бумага');
    const words = ['камень', 'ножницы', 'бумага'];
    const randomResultScissors = Math.floor(Math.random() * words.length);
    const resultRandom = words[randomResultScissors];
    alert(`Компьютер выбрал ${resultRandom}`);

    if (userResultScissors === 'камень' && resultRandom === 'ножницы') {
        alert('Поздравляю! Вы победили');
    } else if (userResultScissors === 'ножницы' && resultRandom === 'бумага') {
        alert('Поздравляю! Вы победили');
    } else if (userResultScissors === 'бумага' && resultRandom === 'камень') {
        alert('Поздравляю! Вы победили');
    } else if (resultRandom === 'камень' && userResultScissors === 'ножницы') {
        alert('Вы проиграли');
    } else if (resultRandom === 'ножницы' && userResultScissors === 'бумага') {
        alert('Вы проиграли');
    } else if ((userResultScissors === 'камень' && resultRandom === 'камень') || (userResultScissors === 'ножницы' && resultRandom === 'ножницы') || (userResultScissors === 'бумага' && resultRandom === 'бумага')) {
        alert('Ничья');
    } else {
        alert('Ошибка! Вы ничего не выбрали!');
    }
};

function runScissors2() {

    let userScore = 0;
    let computerScore = 0;

    let $wrapper = document.createElement('div');
    $wrapper.className = 'wrapper';
    document.body.appendChild($wrapper);

    let $h1 = document.createElement('h1');
    $h1.className = 'h1';
    $h1.textContent = 'Камень Ножницы Бумага';
    $wrapper.appendChild($h1);

    let $allSpan = document.createElement('div');
    $allSpan.className = 'allSpan';
    $wrapper.appendChild($allSpan);

    let $span1 = document.createElement('span');
    $span1.className = 'span1';
    $span1.textContent = `Игрок: ${computerScore}`;
    $allSpan.appendChild($span1);

    let $span2 = document.createElement('span');
    $span2.className = 'span2';
    $span2.textContent = `Компьютер: ${computerScore}`;
    $allSpan.appendChild($span2);

    let $choose = document.createElement('div');
    $choose.textContent = 'Выберите ход';
    $choose.className = 'choose';
    $wrapper.appendChild($choose);

    let $allButton = document.createElement('div');
    $allButton.className = 'allButton';
    $wrapper.appendChild($allButton);

    let $button1 = document.createElement('button');
    $button1.className = 'button1';
    $button1.textContent = 'камень';
    $allButton.appendChild($button1);

    let $button2 = document.createElement('button');
    $button2.className = 'button2';
    $button2.textContent = 'ножницы';
    $allButton.appendChild($button2);

    let $button3 = document.createElement('button');
    $button3.className = 'button3';
    $button3.textContent = 'бумага';
    $allButton.appendChild($button3);

    $button1.onclick = function (e) {
        startGame('камень');
        getScore();
    };

    $button2.onclick = function (e) {
        startGame('ножницы');
        getScore();
    };

    $button3.onclick = function (e) {
        startGame('бумага');
        getScore();
    };

    function computerChoice() {
        const computerOptions = ['камень', 'ножницы', 'бумага'];
        const randomResultScissors = Math.floor(Math.random() * computerOptions.length);
        return computerOptions[randomResultScissors];
    }

    let $out = document.createElement('div');
    $out.textContent = '';
    $wrapper.appendChild($out);

    function startGame(userChoice) {
        let resComputerChoice = computerChoice();

        if (userChoice === 'камень' && resComputerChoice === 'ножницы' || userChoice === 'ножницы' && resComputerChoice === 'бумага' || userChoice === 'бумага' && resComputerChoice === 'камень') {
            userScore++;
            $span1.textContent = `Игрок: ${userScore}`;
            return  $out.textContent = '+ игроку!';
        } else if (resComputerChoice === 'камень' && userChoice === 'ножницы' || resComputerChoice === 'ножницы' && userChoice === 'бумага' || resComputerChoice === 'бумага' && userChoice === 'камень') {
            computerScore++;
            $span2.textContent = `Компьютер: ${computerScore}`;
            return $out.textContent = '+ компьютеру!';
        } else {
            return $out.textContent = 'ничья!';
        }
    }

    let $outResultWinner = document.createElement('div');
    $outResultWinner.className = 'outResultWinner';
    $allSpan.appendChild($outResultWinner);

    function getScore() {
        if (userScore >= 10) {
            $outResultWinner.textContent = 'Поздравляю, вы победили!';
            userScore = 0;
            $span1.textContent = `Игрок: ${userScore}`;
            computerScore = 0;
            $span2.textContent = `Компьютер: ${computerScore}`;

            setTimeout(() => {
                $outResultWinner.textContent = ''}, 3000);

        } else if (computerScore >= 10) {
            $outResultWinner.textContent = 'Поражение, победил компьютер!';
            userScore = 0;
            $span1.textContent = `Игрок: ${userScore}`;
            computerScore = 0;
            $span2.textContent = `Компьютер: ${computerScore}`;

            setTimeout(() => {
                $outResultWinner.textContent = ''}, 5000);
        }
        }
}

function runRealData() {

    function getCurrency(currency) {
        if (confirm('Вы хотите купить валюту?')) {
            const buyCurrency = prompt('Какую валюту вы хотите купить?', 'Например: EUR/CZK');
            const numberCurrencyBuy = prompt('Введите сумму в гривнах');
            let resultSearch = currency[buyCurrency];
            alert(` ${(+numberCurrencyBuy / resultSearch).toFixed(2)} `);
        } else if (confirm('Вы хотите продать валюту?')) {
            const sellCurrency = prompt('Какую валюту вы хотите продать?', 'Например: EUR/CZK');
            const numberCurrencySell = prompt('Введите сумму которую вы хотите продать');
            let resultSearch = currency[sellCurrency];
            alert(` ${(+numberCurrencySell * resultSearch).toFixed(2)} `);
        } else {
            alert('Ошибка! Проверьте правильность ввода данных!');
        }
    }

    fetch('https://open.er-api.com/v6/latest/USD')
        .then(res => res.json())
        .then(data => {
            getCurrency(data.rates);
        });
}

const tasksArr = [
    ['switch: sizes', runSwitchSizes],
    ['switch: if', runSwitchIf],
    ['prompt: or', runPromptOr],
    ['confirm: or this days', runConfirmOrThisDays],
    ['confirm: if this days', runIfThisDays],
    ['triple prompt', runTriplePrompt],
    ['default: or', runDefaultOr],
    ['default: if', runDefaultIf],
    ['login and password', runLoginAndPassword],
    ['currency calc: improved', runCurrencyCalcImproved],
    ['currency calc: two rates if', runCurrencyTwoRatesIf],
    ['scissors1', runScissors1],
    ['scissors2', runScissors2],
    ['real data', runRealData]
];


let $list = document.querySelector('.list');
tasksArr.forEach(task => {
    const [name, callback] = task;

    const $div = document.createElement('div');
    $div.className = 'div';

    let $button = document.createElement('button');
    $button.textContent = 'Запустить';
    $button.className = 'button';
    $button.onclick = callback;
    $div.appendChild($button);

    const $li = document.createElement('li');
    $li.className = 'li';
    $li.textContent = name;
    $div.appendChild($li);
    $list.appendChild($div);
});