Estoy practicando JavaScript con la biblioteca jQuery.
Lo que quiero es crear algo como una aplicación POS , pero hay cosas que simplemente no puedo entender.
Me gustaría, si ingresa lays , y luego ingresa lays nuevamente, la salida debería cambiar a la salida ya adjunta a lays * 2 .
Estoy un poco perdido sobre cómo lograr lo deseado.
Lo que tengo hasta ahora:
var billoutput = document.getElementById('inputterminal'); var counter = 1; $('#bill').click(function() { $("#holder").append(" <span style='padding:10px; margin:5px; color:white; background-color:black; border-radius: 10px;'> " + billoutput.value + " </span> "); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <h1>POS Terminal</h1> <input id="inputterminal" value="" name="" type="text"> <button id="bill">bill</button> <br> <div style="margin-top: 20px;" id="holder"></div>Puede almacenar las entradas en una matriz y verificar si la matriz incluye el valor de la entrada cada vez que el usuario hace clic en el botón. Si no es así, agregue el elemento y envíe el valor de la entrada a la matriz.
var billoutput = document.getElementById('inputterminal'); var counter = 1; var words = [] $('#bill').click(function() { if (!words.includes(billoutput.value)) { words.push(billoutput.value) $("#holder").append(" <span style='padding:10px; margin:5px; color:white; background-color:black; border-radius: 10px;'> " + billoutput.value + " </span> "); }else{ alert("you already entered that!") } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <h1>POS Terminal</h1> <input id="inputterminal" value="" name="" type="text"> <button id="bill">bill</button> <br> <div style="margin-top: 20px;" id="holder"></div>