<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <title>Test page</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        function validate() {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkSex = document.forms["dataEntry"]["sex"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;
            if (checkID == '' || checkID == null) {
                alert("Enter correct id.");
                return false;
            }
            if (checkName == '' || checkName == null) {
                alert("Enter correct name.");
                return false;
            }
            if (checkFamily == '' || checkFamily == null) {
                alert("Enter correct family.");
                return false;
            }
            if (checkSex == '' || checkSex == null) {
                alert("Choise your sex.");
                return false;
            }
            if (checkDescription == '' || checkDescription == null) {
                alert("Enter correct description.");
                return false;
            }
            return true;
        }

        function addRow(id) {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;

            var tableBody = document.getElementById(id).getElementsByTagName("TBODY")[0];
            var row = document.createElement("TR")
            var td1 = document.createElement("TD")
            td1.appendChild(document.createTextNode(checkID))
            var td2 = document.createElement("TD")
            td2.appendChild (document.createTextNode(checkName))
            var td3 = document.createElement("TD")
            td3.appendChild (document.createTextNode(checkFamily))
            var td4 = document.createElement("TD")
            td2.appendChild (document.createTextNode(checkDescription))
            row.appendChild(td1);
            row.appendChild(td2);
            row.appendChild(td3);
            row.appendChild(td4);
            tableBody.appendChild(row);
        }

        function addRows() {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;
            $('#currentTable tr:last').after('<tr><td>' + checkID + '</td><td>' +
            + checkName + '</td><td>' + checkFamily + '</td><td>' + checkDescription +
            + '</td></tr>');
        }
    </script>
    <style>
        .all-fields {
            align-items: center;
            text-align: center;
            font-style: inherit;
        }
        .table-bordered {
            width: 100%;
        }
    </style>
</head>
<body>

<div class="all-fields">
    <h3>Form creating users</h3><br/>
    <form name="dataEntry">
        <br/>
        ID: <input type="text" name="id"><br/>
        NAME: <input type="text" name="name"><br/>
        FAMILY: <input type="text" name="family"><br/><br/>
        SEX:<br/>
        <input type="radio" name="sex">&nbspMALE&nbsp
        <input type="radio" name="sex">&nbspFEMALE<br/><br/>
        DESCRIPTION: <br/><textarea name="description"></textarea><br/>
        <button type="submit" class="btn btn-default" onclick="return validate()">Submit</button>
        <button type="button" class="btn btn-default" onclick="addRows()">Add</button>
        <button type="button" class="btn btn-default" onclick="addRow('currentTable')">Add2</button>
    </form>

</div>
<br/><br/>
<div>
    <table class='table-bordered' id='currentTable'>
        <thead>
            <tr>
                <th>ID</th><commit_msg>update file for chapter_006_9.8.1<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <title>Test page</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        function validate() {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkSex = document.forms["dataEntry"]["sex"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;
            if (checkID == '' || checkID == null) {
                alert("Enter correct id.");
                return false;
            }
            if (checkName == '' || checkName == null) {
                alert("Enter correct name.");
                return false;
            }
            if (checkFamily == '' || checkFamily == null) {
                alert("Enter correct family.");
                return false;
            }
            if (checkSex == '' || checkSex == null) {
                alert("Choise your sex.");
                return false;
            }
            if (checkDescription == '' || checkDescription == null) {
                alert("Enter correct description.");
                return false;
            }
            return true;
        }

        function addRow(id) {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;

            var tableBody = document.getElementById(id).getElementsByTagName("TBODY")[0];
            var row = document.createElement("TR")
            var td1 = document.createElement("TD")
            td1.appendChild(document.createTextNode(checkID))
            var td2 = document.createElement("TD")
            td2.appendChild (document.createTextNode(checkName))
            var td3 = document.createElement("TD")
            td3.appendChild (document.createTextNode(checkFamily))
            var td4 = document.createElement("TD")
            td2.appendChild (document.createTextNode(checkDescription))
            row.appendChild(td1);
            row.appendChild(td2);
            row.appendChild(td3);
            row.appendChild(td4);
            tableBody.appendChild(row);
        }

        function addRows() {
            var checkID = document.forms["dataEntry"]["id"].value;
            var checkName = document.forms["dataEntry"]["name"].value;
            var checkFamily = document.forms["dataEntry"]["family"].value;
            var checkDescription = document.forms["dataEntry"]["description"].value;
            $('#currentTable tr:last').after('<tr><td>' + checkID + '</td><td>' +
            + checkName + '</td><td>' + checkFamily + '</td><td>' + checkDescription +
            + '</td></tr>');
        }
    </script>
    <style>
        .all-fields {
            align-items: center;
            text-align: center;
            font-style: inherit;
        }
        .table-bordered {
            width: 100%;
        }
    </style>
</head>
<body>

<form name="dataEntry">
    <h2>Form for creating users</h2>
    <div class="input-group">
        <span class="input-group-addon">Id&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
        <input id="id" type="text" class="form-control" name="id" placeholder="Enter id">
    </div>
    <div class="input-group">
        <span class="input-group-addon">Name&nbsp</span>
        <input id="name" type="text" class="form-control" name="name" placeholder="Enter name">
    </div>
    <div class="input-group">
        <span class="input-group-addon">Family</span>
        <input id="family" type="text" class="form-control" name="family" placeholder="Enter family">
    </div>

    <div class="radio">
        <label><input type="radio" name="sex">Male</label>
    </div>
    <div class="radio">
        <label><input type="radio" name="sex">Female</label>
    </div>

    <div class="form-group">
        <label for="description">Comment:</label>
        <textarea class="form-control" rows="3" id="description"></textarea>
    </div>
    <button type="submit" class="btn btn-default" onclick="return validate()">Submit</button>
    <button type="button" class="btn btn-default" onclick="addRows()">Add user</button>
</form>

<br/><br/>
<div>
    <table class='table-bordered' id='currentTable'>
        <thead>
            <tr>
                <th>ID</th>
{'fraction_non_alphanumeric': 0.16324587388912398, 'fraction_numerical': 0.006982649174777825, 'mean_word_length': 2.2630307214359684, 'pattern_counts': {'":': 0, '<': 144, '<?xml version=': 0, '>': 144, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5319701', 'n_tokens_mistral': 2633, 'n_tokens_neox': 2603, 'n_words': 478}