Уменьши между двумя неудар в лунку и показывать оказанный другим без необходимости кнопки с языком сценариев JavaScript

У меня есть два неудар в лунку txtrecibido и txtcambio. Я хочу способствовать, тому, чтобы поместив количество денег, которые оплатил клиент в полученный, и этот остался, не изменяя общего количества, но чтобы результат был взамен таким, он узнает все, что должно возвращать клиента.

я хочу, чтобы это осуществилось без необходимости кнопки пожалуйста, помогать мне с этим я буду вечно благодарен я новый и имею - ассигнование и я пробовал, но не смог. Этим не является то, что я попробовал, но ничего не добился.

<div class="form-group float-right ">
                                        <div class="form-group col">
                                            <div class="input-group col-md-9  ">
                                                <input type="number" class="form-control"  id="txtrecibido" placeholder="RECIBIDO" style="font-weight: bold; color:#000000; font-weight: bold; font-size: 15px;" disabled >
                                                <div class="input-group-append">
                                                    <span class="input-group-text" id="basic-addon2"><i class="mdi mdi-currency-usd"></i></span>
                                                </div>
                                            </div>                                              
                                        </div>
                                        <div class="form-group col">
                                            <div class="input-group col-md-9 ">
                                                <input  type="number"  id="txtcambio" class="form-control" placeholder="CAMBIO" style="font-weight: bold; color:#000000; font-weight: bold; font-size: 15px;" >
                                                <div class="input-group-append">
                                                    <span class="input-group-text" id="basic-addon2"><i class="mdi mdi-cached" ></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

<script>
function DarCambio(){

    valor = parseInt(valor);
    cambio = document.getElementById("txtrecibido").innerHTML;
    total = document.getElementById("txtrecibido").innerHTML; 

    document.getElementById('txtcambio').innerHTML = cambio - total;

}

function Cambio() {
    var txtrecibido = parseInt(document.getElementById("txtrecibido").val);
    var txttotal = parseInt(document.getElementById("txttotal").val);

    document.getElementById("txtcambio").innerHTML = txtrecibido - txttotal

}  

1
задан 06.11.2019, 03:35
1 ответ

Так как у тебя есть этикетка язык сценариев JavaScript в твоем вопросе, я предлагаю одну тебе soluciГіn таким образом:

  • у Тебя Есть первый input, где вводится в компьютер все, что стоит продукт и сам получается в travГ©s от Ваших id и распределяет себе в переменную
  • Задержаний событие change() из второго input, которое, где он пишет себе например со всем, что оплачивает клиент и распределяется в переменную
  • , Ты получаешь третьего input, который состоит где asignarГЎ стоимость в том, что resultГі вычитания
  • Внутри нее funciГіn anГіnima listener второго input мы объявляем, что переменная неудара в лунку 3 будет содержать вычитание: precio2 меньше precio1

CГіdigo

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo</title>
    </head>
    <body>
    El producto cuesta: <input type="text" id="caja1" placeholder="Precio 1">
    <br><br>
    Estas pagando con: <input type="text" id="caja2" placeholder="Precio 2">
    <br><br>
    Tu cambio es : <input type="text" id="caja3" placeholder="Precio 3">
    <div id="aviso"></div>
    <script>
        let precio1 = document.getElementById("caja1")
        let precio2 = document.getElementById("caja2")
        let precio3 = document.getElementById("caja3")
        
        precio2.addEventListener("change", () => {
            precio3.value = parseFloat(precio2.value) - parseFloat(precio1.value)

        })
        
    </script>
    </body>
    </html>
0
ответ дан 01.12.2019, 12:36
  • 1
    Я сделал это таким, каков и оно я не функционирует nose, потому что, когда я помещаю стоимость, с которой платит клиент, он ничего не делает – Juan Martín Reyes Pachano 06.11.2019, 04:58
  • 2
    ¿ @JuanMartí nReyesPachano, в котором он уезжает, ты размещаешь рукописный шрифт?, ademá s ¿ está s используя algú n другой пойдите, чтобы идентифицировать inputs? – Aprendiz 06.11.2019, 05:00
  • 3
    Где сам я помещаю мои demá s рукописный шрифт nose, потому что он ничего не делает мне, я сделал пример así поскольку ты это поместил, верит три в такой неудар в лунку, которые, чтобы делать доказательство и ничто сейчас не оставило тебе код – Juan Martín Reyes Pachano 06.11.2019, 05:04
  • 4
    ¿ ты разместил сначала html и в конце концов рукописный шрифт @JuanMartí nReyesPachano?, открой консоль с F12 и в pasteñ в консоли проверь, если он дает ошибки – Aprendiz 06.11.2019, 05:05
  • 5
    < неудар в лунку type =" text" пойдите =" txttotal" placeholder =" txttotal" > < неудар в лунку type =" text" пойдите =" txtrecibido" placeholder =" txtrecibido" > < неудар в лунку type =" text" пойдите =" txtcambio" placeholder =" txtcambio" > < script> debugger; let общее количество = document.getElementById (" txttotal") let txtrecibido = document.getElementById (" txtrecibido") let txtcambio = document.getElementById (" txtcambio") txtrecibido.addEventListener (" change" () = > { txtcambio.val = parseFloat (txtrecibido.val) - parseFloat (total.val) }) < / script> – Juan Martín Reyes Pachano 06.11.2019, 05:08