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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Анкета переводчика</title>

    <script>
        function calculatePayment() {
            var langs = document.forms["translator"].elements["lang"];
            var result = "Переводчик знает языки:\n";
            var sum = 0;
            var count = 0;

            for (var i = 0; i < langs.length; i++) {
                if (langs[i].checked) {
                    var parts = langs[i].value.split("|");
                    var name = parts[0];
                    var price = Number(parts[1]);

                    result += name + " " + price + " грн\n";
                    sum += price;
                    count++;
                }
            }

            if (count == 0) {
                result = "Языки не выбраны";
            } else {
                result += "\nСумма вознаграждения: " + sum + " грн";
            }

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

<body bgcolor="#f8f8ff">
<center>
    <h3>Анкета переводчика</h3>

    <form name="translator">
        <h4>Укажите языки, которыми владеет переводчик</h4>

        <table border="3" cellpadding="8">
            <tr>
                <td>
                    <input type="checkbox" name="lang" value="Английский|500" onchange="calculatePayment()"> Английский<br>
                    <input type="checkbox" name="lang" value="Немецкий|450" onchange="calculatePayment()"> Немецкий<br>
                    <input type="checkbox" name="lang" value="Французский|400" onchange="calculatePayment()"> Французский<br>
                    <input type="checkbox" name="lang" value="Испанский|350" onchange="calculatePayment()"> Испанский<br>
                    <input type="checkbox" name="lang" value="Польский|300" onchange="calculatePayment()"> Польский<br>
                    <input type="checkbox" name="lang" value="Украинский|250" onchange="calculatePayment()"> Украинский<br>
                </td>

                <td>
                    <textarea name="area" cols="40" rows="10"></textarea>
                </td>
            </tr>
        </table>

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