<form>
<script>var total_cost_global=0;

function add_n(n) {
    total_cost_global=total_cost_global+n;
    total_cost.innerHTML = total_cost_global;
    }
    //Button's id naming scheme is: [row][place in a row]

      function disable_button(nid){
      document.getElementById(nid).disabled = true;
      }

 </script>

Choose which options do you want to have in your commission<br/>
<br/>
DP<br/>
<button id=11 onClick=add_n(10),disable_button(11),disable_button(12) type="button">Single (10$)</button><button id=12 onClick=add_n(20),disable_button(11),disable_button(12) type="button">Couple (20$)</button><br/>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<br/><button id=21 onClick=add_n(3),disable_button(21) type="button">Animated (+3$)</button><button id=22 onClick=add_n(5),disable_button(22) type="button">Pets (+5$)</button><br/>

<br/>Drawing:

<br/><button id=31 onClick=add_n(6),disable_button(31) type="button">Line (6$)</button><button id=32 onClick=add_n(8),disable_button(32),disable_button(33) type="button">Flat Color (8$)</button><button id=33 onClick=add_n(10),disable_button(32),disable_button(33) type="button">Detail Color (10$)</button><br/>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<br/><button id=41 onClick=add_n(5),disable_button(41),disable_button(42),disable_button(43),disable_button(44) type="button">Head Shot (5$)</button><button id=42 onClick=add_n(10),disable_button(41),disable_button(42),disable_button(43),disable_button(44) type="button">Bust Shot (10$)</button><button id=43 onClick=add_n(15),disable_button(41),disable_button(42),disable_button(43),disable_button(44) type="button">Half Body (15$)</button><button id=44 onClick=add_n(20),disable_button(41),disable_button(42),disable_button(43),disable_button(44) type="button">Full body (20$)</button><br/>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<button id=51 onClick=add_n(5),disable_button(51),disable_button(52) type="button">Simple background (5$)</button><button id=52 onClick=add_n(10),disable_button(51),disable_button(52) type="button">Detailed background (10$)</button><br/><br/>


</button><button id=61 onClick=add_n(5) type="button"><i>Gif more money to the artist!!(+5$)</i></button><br/><br/>

<b>Your total is: </b><u id="total_cost">0</u> $
</form>