<script>
    function spr(){
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var c = document.getElementById("c");
    var d = document.getElementById("d");

    if (e.checked){
        f.innerHTML =
          a.value.toUpperCase() + "<br>"
        + b.value.toUpperCase() + "<br>"
        + c.value.toLowerCase() + "<br>"
        + "Usługa: " + d.value + "<br>"
        + e.value + "<br>";
    }
    else{
        f.innerHTML =
          a.value.toUpperCase() + "<br>"
        + b.value.toUpperCase() + "<br>"
        + c.value.toLowerCase() + "<br>"
        +  "Usługa: " + d.value + "<br>"
    }
}
</script>

<form action="#">
    Imię: <input type="text" id="a"><br>
    Nazwisko: <input type="text" id="b"><br>
    E-mail: <input type="email" id="c"><br>
    <select id="d">
        <option>Naprawa komputera</option>
        <option>Odzyskiwanie danych</option>
        <option>Problemy z oprogramowaniem</option>
        <option>Konfiguracja sieci LAN</option>
        <option>inne</option>
    </select><br>
    <input type="checkbox" id="e" value="Kopia zostanie wysłana">Wyślij kopię wiadomości<br>
    <input type="reset" value="Resetuj"><input type="button" value="Wyślij" onclick="spr()"><br>
    <span id="f"></span>
</form>

<script>
  function oblicz()
  {
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var p = document.getElementById("p");
    var k = document.getElementById("k");
    //
    x = parseInt(a.value)*2.7*2 + parseInt(b.value)*2.7*2;
    p.innerHTML = x;
    k.innerHTML = x*8;
  }
</script>
<h2>Malowanie pokoju: 8zł za m2</h2>

<form>
<p>Wymiary pokoju w metrach:
<input type="number" id="a"> <input type="number" id="b">
</p>
</form>

<button onclick="oblicz()">OBLICZ KOSZT</button>
<p>Powierzchnia całkowita ścian: <span id="p">0</span></p>

<p>Koszt malowania: <span id="k">0</span></p>