Skip to main content
1 de 2

Funcion con javascript

Espero que me puedan ayudar a que el codigo a continuacion no ocupe muchas lineas de codigo como lo que ocupa actualmente. temgo un proyecto en laravel y estoy añadiendo algo de java . tenfo un listado de PACIENTES en una tabla que al darle click en un paciente ME MUESTRA EL NOMBRE Y APELLIDO, despues en varios inputs tengo dos buttons, UNO TOMA LO QUE SELECCIONE EN PACIENTES (NOMBRE Y APELLIDO) y el otro BORRA. El siguiente codigo lo hace bien, MI PREGUNTA ES SI EXISTE UNA FORMA MAS RAPIDA O REDUCIDA EN CODIGO PARA NO TENER QUE ANDAR escribiendo mucho codigo?.

Codigo JAVASCRIPT

                   document.addEventListener('DOMContentLoaded', function(event) {
                   event.preventDefault();
                   document.getElementById('agregar800').addEventListener('click', agregaTextot800);
                   document.getElementById('borrar800').addEventListener('click', borrartextot800);
                   document.getElementById('agregar815').addEventListener('click', agregaTextot815);
                   document.getElementById('borrar815').addEventListener('click', borrartextot815);
                   document.getElementById('agregar830').addEventListener('click', agregaTextot830);
                   document.getElementById('borrar830').addEventListener('click', borrartextot830);
                   document.getElementById('agregar845').addEventListener('click', agregaTextot845);
                   document.getElementById('borrar845').addEventListener('click', borrartextot845);
                   document.getElementById('agregar900').addEventListener('click', agregaTextot900);
                   document.getElementById('borrar900').addEventListener('click', borrartextot900);
                   document.getElementById('agregar915').addEventListener('click', agregaTextot915);
                   document.getElementById('borrar915').addEventListener('click', borrartextot915);});



                function agregaTextot800(e) {
                   var inputNombre = document.getElementById('t800');
                   var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                    inputNombre.value = resultadoclick;
                    e.preventDefault();
                     }
                  function borrartextot800(event) {
                   event.preventDefault();
                   var borrartextoeninput800 = document.getElementById('t800');
                   borrartextoeninput800.value = "";
                    }
                   function agregaTextot815(e) {
                   var inputNombre = document.getElementById('t815');
                   var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                   inputNombre.value = resultadoclick;
                   e.preventDefault();
                   }
                   function borrartextot815(event) {
                   event.preventDefault();
                   var borrartextoeninput815 = document.getElementById('t815');
                   borrartextoeninput815.value = "";
                    }
                   function agregaTextot830(e) {
                   var inputNombre = document.getElementById('t830');
                   var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                   inputNombre.value = resultadoclick;
                   e.preventDefault();
                    }
                  function borrartextot830(event) {
                   event.preventDefault();
                   var borrartextoeninput830 = document.getElementById('t830');
                   borrartextoeninput830.value = "";
                    }
                    function agregaTextot845(e) {
                    var inputNombre = document.getElementById('t845');
                   var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                   inputNombre.value = resultadoclick;
                  e.preventDefault();
                  }
                  function borrartextot845(event) {
                  event.preventDefault();
                  var borrartextoeninput845 = document.getElementById('t845');
                   borrartextoeninput845.value = "";
                  }
                  function agregaTextot900(e) {
                  var inputNombre = document.getElementById('t900');
                  var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                  inputNombre.value = resultadoclick;
                 e.preventDefault();
                    }
                   function borrartextot900(event) {
                    event.preventDefault();
                    var borrartextoeninput900 = document.getElementById('t900');
                    borrartextoeninput900.value = "";
                    }
                     function agregaTextot915(e) {
                     var inputNombre = document.getElementById('t915');
                     var resultadoclick = document.getElementById('resultadodesdetabla').innerText;
                     inputNombre.value = resultadoclick;
                     e.preventDefault();
                      }
                    function borrartextot915(event) {
                    event.preventDefault();
                    var borrartextoeninput915 = document.getElementById('t915');
                    borrartextoeninput915.value = "";
                    }

y otros de los problemas que tengo es que en el button de PACIENTES cuando agrego se me sube para arriba la pantalla, como que se actualiza.

espero que me hayan entendido con mi planteo.LES AGRADEZCO POR SU TIEMPO EN RESPONDERME.GRACIAS...TOTALES..!!!!!

Trato de hacer click en el boton paciente para que aparezca el nombre y luego en los imputs de acuerdo al horario tomar ese nombre y colocarlo con el boton.