HTML Calcular valores em html php

[Fernando V Nogueira]

Olá a todos, queria fazer um calculo que inclui, Valor Unitário, Desconto e Quantidade em um Input separado, conseguir fazer para aparecer somente o calculo ValorUnitario - Desconto. Mas queria adicionar que toda vez que eu adicionar uma quantidade altere o valor final do produto x a quantidade.

 

        <div class="servicos">
        <label for="descricaoserv">Serviço</label>
        <input type="text" name="descricaoserv" id="descricaoserv">

            <label for="quantidade">Quantidade</label>
            <input type="number" name="quantidade" id="quantidade">

            <label for="valorunit">Valor Unitário</label>
            <input type="text" name="valorunit" id="valorunit"  onblur="calcular();"/>
            
            <label for="desconto">Desconto</label>
            <input type="text" name="desconto" id="desconto" onblur="calcular();"/>
            
            <label for="valorserv">Valor</label>
            <input type="text" id="resultado" readonly="readonly">

<script type="text/javascript">
function calcular() {
    var valorunit = Number(document.getElementById("valorunit").value);
    var desconto = Number(document.getElementById("desconto").value);
    
    document.getElementById("resultado").value = String(valorunit - desconto);
}
</script>

 

Estou em dúvida quanto a isso. Sou novo em programação, desde já obrigado a todos.

[washalbano]

Olá! Não vi nada de php aí.
Veja se era +- isso que pretendias:
html

  <label for="quantidade">Quantidade</label>
  <input type="number" step='1' min='0' name="quantidade" id="quantidade" value='0'>

  <label for="valorunit">Valor Unitário</label>
  <input type="number" step='.1' min='0' name="valorunit" id="valorunit" value='0'/>

  <label for="desconto">Desconto</label>
  <input type="number" step='.1' min='0' name="desconto" id="desconto" value='0'/>

  <label for="valorserv">Valor</label>
  <input type="text" id="resultado" readonly="readonly">

js

function calcular() {
  const quantidade = parseInt(document.getElementById("quantidade").value);
  const valorunit = parseFloat(document.getElementById("valorunit").value);
  const desconto = parseFloat(document.getElementById("desconto").value);

  document.getElementById("resultado").value = (
    quantidade * valorunit -
    desconto
  ).toLocaleString("pt-br", { style: "currency", currency: "BRL" });
}

const inputIds = ["quantidade", "valorunit", "desconto"];

for (const id of inputIds) {
  document.getElementById(id).addEventListener("input", calcular);
}

https://codepen.io/washalbano/pen/zYLMbQo

[Fernando V Nogueira]

@washalbano era isso mesmo, muito obrigado