Complementar esta funcion

[bathorz]

Tómate algunos segundos para escribir, completa las palabras y dale coherencia a la oración. De lo contrario hay que andar adivinando.
En base a lo que tenías:

Código CSS:

<style type="text/css">
    #porcentajedesc{width: 30px}
</style>
 

Código Javascript:

function descuento() {
    var desc, totalapagar, porcentajedesc, total, pagofinal;
    var totalpago;
    // Para 2 elementos, más --> bucle
    if (document.f1.promo1.checked)
      desc = document.f1.promo1.value;
    if (document.f1.promo2.checked)
      desc = document.f1.promo2.value;
 
    with (document.forms["f1"]) {
      // var totalResult = 0;
      if (desc === "si") {
        total = (Number(totalapagar.value) * Number(porcentajedesc.value)) / 100;
        //total = (totalResult) / 100;
        pagofinal = Number(totalapagar.value) - total;
        totalpago.value = roundTo(pagofinal);
        //totalpago.value = pagofinal;
      } else {
        pagofinal = Number(totalapagar.value);
        totalpago.value = roundTo(pagofinal);
      }
    }
  }
  function roundTo(num) {
    if (isNaN(num)) {
      num = 0;
    }
    return num;
  }
  //
  window.onload = function() {
    descuento();
    document.addEventListener('change', function(e) {
      //e.preventDefault();
      descuento();
    });
  };
 

Código HTML:

<form name="f1">
      <input type="radio" name="promo"  id="promo1"  value="si" >Si
      <input type="radio" name="promo"  id="promo2"  value="no" checked="checked">No
      <p>Descuento:
        <input type="number" min="0" id="porcentajedesc" name="porcentajedesc" value="0" >        
        <br>
        Total: <br>
        <input type="text" name="totalapagar"  value="200" size="3" />
        <br>
        Precio a pagar:
        <br>
        <input type="text" name="totalpago" id="totalpago" value="" size="10" />
    </form>