Ndtyjky

function tip() {



  var tipp = document.getElementById("bill").value;

  var split = document.getElementById("billsplit").value;

  var service = document.getElementById("service").value; //good=.3,ok=.25,bad=.2

  if service = "Good" {

    document.getElementById = ("service").innerHTML = .3;

  }





  document.getElementById("result").innerHTML = (tipp * service) / split;



}

Enter Total Bill<br><br>

<input type="number" name="bill" id="bill">

<br><br> How was the Service <br><br>

<select id="service">

  <option value="Good">Good</option>

  <option value="Bad">Bad</option>

  <option value="ok">ok</option>

</select>



<br><br> How many People are sharing Bill?<br><br>



<input type="number" name="billsplit" id="billsplit">



<button type="button" onclick="tip()">CALCULATE</button>



<br><br>Result : <span id="result"></span>

// cache all the needed elements

const billTotal = document.querySelector('#bill');

const splitValue = document.querySelector('#split');

const service = document.querySelector('#service');

const result = document.querySelector('#result');

const button = document.querySelector('button');



// use a event listener instead of an inline function

button.addEventListener('click', calculate, false);



// map the values to service terms

const serviceMap = {

  good: 0.3,

  ok: 0.25,

  bad: 0.2

}



function calculate() {



  // get the input values

  const bill = Number(billTotal.value);

  const split = Number(splitValue.value);



  // get the selected service grade

  const serviceGrade = service.options[service.selectedIndex].value;



  // get the service value from the object using the grade as the key

  const serviceValue = serviceMap[serviceGrade];



  // perform the calculation

  const total = ((bill * serviceValue) / split).toFixed(2);



  // output the result with `textContent`

  result.textContent = `Total ${total}  ((${bill} * ${serviceValue}) / ${split})`;

}

input, button, div {

  display: block;

  margin-bottom: 0.5em;

}

Bill <input id="bill" type="number" />

Split <input id="split" type="number" />

Service <select id="service">

  <option value="good">Good</option>

  <option value="ok">Bad</option>

  <option value="bad">ok</option>

</select>

<button type="calculate">Calculate</button>

<div id="result"></div>