Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf">
  <title>Otl2e</title>
  <style>
  h1 {
    color: blue;
  }
  </style>
</head>
<body>
  <h1>Lippuautomaatti</h1>
  <fieldset>
  <p>2. luokka</p>
  <input type="radio" id="class2" checked="checked" name="vastaus"/>
  <br>
  <br>
  <p>1. luokka</p>
  <input type="radio" id="class1" name="vastaus"/>
<br>
<br>
<p>Meno</p>
<input type="radio" id="oneWay" checked="checked" name="travel"/>
<br>
<p>Meno - paluu</p>
<input type="radio" id="return" name="travel"/>
<br>
<p>Alennus</p>
<input type="checkbox" id="discount">
<br>
<br>
<p>Määrä</p>
<select id="amount">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
<button type="button" onclick="count()">Osta</button>
<div id="result"></div>
</fieldset>

  <script>

  function count() {
    var ticketCost; // Hintaa ei määritellä. Määritellään vasta if lauseessa.
    var amount = document.getElementById("amount").value; //Kuinka monta matkustajaa.

    //Luokat
    if (document.getElementById("class2").checked) { //luokka 2
      ticketCost = 86.10; //Euro
    }
    if (document.getElementById("class1").checked) { //luokka 1
      ticketCost = 140.61;
    }
      //Matustus tapa
    if (document.getElementById("oneWay").checked) { //Meno
      var travel = "Meno";
    }

    if (document.getElementById("return").checked) { //Meno-paluu.
      var travel = "Meno-paluu"; //Kertoa kahdella.
        ticketCost * 2;

    }
    if (document.getElementById("discount").checked) {
      ticketCost / 2; //Pitäisi jakaa kahdella.
    }

    var result = ticketCost * amount;
    document.getElementById("result").innerHTML = result
    }
    //Pitää muistaa kertaa matkustajien määrä hintaan.


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