Untitled

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <fieldset>
        <legend></legend>
        <form id="frm">
            Enter Country:<input type="text" value="" /> <br /> <br />
            Enter City:<input type="text" value="" /> <br /> <br />
            Choose car brand:
            BMW:<input type="radio" name="gender" value="BMW" checked>
            Audi:<input type="radio" name="gender" value="Audi">
            <br>
            Choose car properties: <br>
            Horsepower:<select name="carlist" id="hp">
                       <option value="100hp">100hp</option>
                       <option value="150hp">150hp</option>
                       <option value="200hp">200hp</option>
                       <option value="250hp">250hp</option>
                       </select>
            <br>
            Year:<select name="carlist" id="year">
                 <option value="2001">2001</option>
                 <option value="2002">2002</option>
                 <option value="2003">2003</option>
                 <option value="2004">2004</option>
                 </select>
            <br>
            transmission:
            Automatic:<input type="checkbox" name="transm" value="Automatic">
            Manual:<input type="checkbox" name="transm" value="Manual">


            <br>

            <input type="button" value="Send data" onclick="getDataAndShow()">
        </form>
    </fieldset>
    <p id="demo"></p>

    <script>
        var a, b, c, d, e, h;
        var form = document.getElementById("frm");

        function Car(country, city, brand, horse, year,transm) {
            this.country = country;
            this.city = city;
            this.brand = brand;
            this.horse = horse;
            this.year = year;
            this.transm = transm;
        }
        function getDataAndShow() {
            var year = document.getElementById("year").value;
            var hp = document.getElementById("hp").value;
            a = form.elements[0].value;
            b = form.elements[1].value;
            c = carbrand();
            d = hp;
            e = year;
            h = transmi();
            var Car1 = new Car(a,b,c,d,e,h);
            showData(Car1);
        }
        function showData(person) {
            var item;
            var text = "";
            for (item in person) {
                text += person[item] + "<br/>";

            }
            document.getElementById("demo").innerHTML = text;
        }
        function carbrand() {

            if (form.elements[2].checked) {
                return form.elements[2].value;
            }
            else {
                return form.elements[3].value;
            }
        }
        function transmi() {
            if (form.elements[6].checked) {
                return form.elements[6].value;
            }
            else {
                return form.elements[7].value;
            }
        }

        </script>
</body>
</html>