Subtração com Porcentagem

Você pode:

 usar o operador de subtração **-**;

 usar eventos do DOM;

 ter uma boa estrutura;

Estrutura

(HTML)

<div class="main-value-box">
 <div class="normal">
 <input type="text" value="0"/><!--Valor total-->
 </div>
 <div class="discount">
 <input type="text" value="0"/><!--Valor de esconto-->
 </div>
 <div class="discounted">
 <span>0</span><!--Valor com desconto-->
 </div>
</div>

(JavaScript)

(function(){
 //Fiz essa função para não criar variáveis globais;
 var userValues={
 normal={},discount={}
 };
 userValues.normal.number=
 userValues.discount.number=
 userValues.discounted.number=0;
 //define todos os valores como 0 (valor inicial)
 window.addEventListener("load",function(){
 /*
 * Esse evento ocorre quando a página carrega
 * você não pode modificar o DOM sem a página carregar se o script
 * é importado no header
 */
 for(var key in userValues){
 userValues[key].element=document.getElementsByClassName("main-value-box")[0].getElementsByClassName(key)[0].children[0];
 userValues[key].element.onchange=//ao mudar
 userValues[key].element.onpaste=//ao colar
 userValues[key].element.onkeydown=function(){//ao pressionar tecla
 userValues[key].element.value=userValues[key].element.replace(/-[^0-9]+$/i,"");
 //deixa apenas números no texto com regex;
 userValues[key].number=parseInt(userValues[key].element.value);
 //Muda o valor da propriedade para o valor digitado
 if(isNaN(userValues[key].number))
 userValues[key].element.value=userValues[key].number=0;
 //Transforma o valor em 0 se é igual à NaN (um número indefinido?)
 if(userValues.normal.number>=userValues["discount"].number){
 document.getElementsByClassName("main-value-box")[0].getElementsByClassName("discounted")[0].children[0].innerHTML=userValues.normal.number-userValues.discount.number
 //Atualiza o resultado do valor com desconto;
 }else{
 //O valor normal é menor que o disconto...
 //faça algo aqui!
 }
 }
 }
 })

})() Vou atualizar a resposta para ficar mais informal...

essa seria uma base para a parte do valor.

PS: Tirei muitos comentários pq ficou meio estranho, huehue...

PS²: Não vou poder muito ajudar porque minha rede (internet) está caindo toda hora :'(

Identificador e propriedade

Identificador pode ser nome de uma variável ou propriedade, como:

minhaVar

(que retorna uma variável ou propriedade)

• caso não exista, não é jogado um erro. Se você adicionar o identificador window na frente, então só vai retornar undefined (null) se não existir, como:

window.minhaVar
Uma propriedade pode ser chamada filha.

window é o objeto principal (pai) do JavaScript que contém todos os objetos como:

document, Audio, addEventListener, Math...

Eles são considerados "propriedades" porque estão dentro do objeto window, embora window é opcional; Os momentos úteis de se usar window é quando você quer checar se há uma propriedade nele e, para checar se há propriedade nele há várias maneiras, porém não preciso citar isso aqui.

window.addEventListener seria equivalente à addEventListener, e addEventListener é uma função, então você pode chamar ela assim:

addEventListener()

Porém addEventListener requere pelo menos 2 argumentos e ela tem 3 parâmetros.

O primeiro param é o nome do evento (em string) e o segundo é o callback (em função).

Definir string é como no PHP;

Acho que função também:

function(){alert("Bloco da função")}

Para chamar essa função sem nome declarado você deve usar o operador dos parenthesis (não sei como chamar-los...):

(function(){alert("Bloco da função")})()

Então você leva uma alerta.

Para retornar propriedade de objeto você deve usar pontos, como:

meuobjeto.propriedade1.propriedade2

Esse meuobjeto seria algo como isso nesse caso, mas não poderia ser definido apenas dessa forma, porém é a mais simples:

meuobjeto={
propriedade1:{
propriedade2:{
}
}
}

Todas propriedades que tem propriedades são objetos e arrays também são objetos e podem ter propriedades, mas não apenas "itens".

E JavaScript aparenta ser mais simples que PHP em alguns casos.