Загрузка данных


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Анкета слушателя курсов</title>

    <script>
        function getChecked(name) {
            var items = document.forms["courses"].elements[name];

            for (var i = 0; i < items.length; i++) {
                if (items[i].checked) {
                    return items[i];
                }
            }

            return null;
        }

        function calculateCourse() {
            var course = getChecked("course");
            var duration = getChecked("duration");
            var language = getChecked("language");
            var report = getChecked("report");

            if (course == null || duration == null || language == null || report == null) {
                document.forms["courses"].area.value = "Выберите курс, продолжительность, язык и отчетность";
                return;
            }

            var courseParts = course.value.split("|");
            var durationParts = duration.value.split("|");
            var languageParts = language.value.split("|");
            var reportParts = report.value.split("|");

            var courseName = courseParts[0];
            var basePrice = Number(courseParts[1]);

            var durationName = durationParts[0];
            var durationCoef = Number(durationParts[1]);

            var languageName = languageParts[0];
            var languageCoef = Number(languageParts[1]);

            var reportName = reportParts[0];
            var reportAdd = Number(reportParts[1]);

            var total = Math.round(basePrice * durationCoef * languageCoef + reportAdd);

            var result = "";
            result += "Курс: " + courseName + "\n";
            result += "Продолжительность: " + durationName + " часов\n";
            result += "Язык: " + languageName + "\n";
            result += "Отчетность: " + reportName + "\n";
            result += "\nСтоимость обучения: " + total + " грн";

            document.forms["courses"].area.value = result;
        }
    </script>
</head>

<body bgcolor="#f8f8ff">
<center>
    <h3>Анкета слушателя курсов</h3>

    <form name="courses">
        <table border="3" cellpadding="8">
            <tr>
                <th>Название курса</th>
                <th>Продолжительность</th>
                <th>Язык</th>
                <th>Отчетность</th>
            </tr>

            <tr>
                <td>
                    <input type="radio" name="course" value="Информатика|2000" onchange="calculateCourse()"> Информатика<br>
                    <input type="radio" name="course" value="Базы данных|2500" onchange="calculateCourse()"> Базы данных<br>
                    <input type="radio" name="course" value="Ресурсы Интернет|2200" onchange="calculateCourse()"> Ресурсы Интернет<br>
                    <input type="radio" name="course" value="Анализ алгоритмов|3000" onchange="calculateCourse()"> Анализ алгоритмов<br>
                </td>

                <td>
                    <input type="radio" name="duration" value="36|1" onchange="calculateCourse()"> 36<br>
                    <input type="radio" name="duration" value="64|1.5" onchange="calculateCourse()"> 64<br>
                    <input type="radio" name="duration" value="128|2.4" onchange="calculateCourse()"> 128<br>
                </td>

                <td>
                    <input type="radio" name="language" value="Русский|1" onchange="calculateCourse()"> Русский<br>
                    <input type="radio" name="language" value="Английский|1.2" onchange="calculateCourse()"> Английский<br>
                </td>

                <td>
                    <input type="radio" name="report" value="Зачет|0" onchange="calculateCourse()"> Зачет<br>
                    <input type="radio" name="report" value="Экзамен|500" onchange="calculateCourse()"> Экзамен<br>
                </td>
            </tr>
        </table>

        <br>
        <textarea name="area" cols="45" rows="8"></textarea>

        <br><br>
        <input type="reset" value="Очистить" onclick="document.forms['courses'].area.value = ''">
    </form>
</center>
</body>
</html>