Participe de nossa comunidade veterinária!

body,table { margin: 0; padding: 0; font-size: 1rem; } table{ width: auto !important; }.container { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 600px; margin: 20px auto; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 20px; }#myForm label, #myForm select, #myForm input[type="text"], #myForm input[type="button"] { display: block; margin-bottom: 10px; /* width: calc(100% - 20px);*/ padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; box-sizing: border-box; }#myForm input[type="button"] { background-color: #4caf50; color: white; cursor: pointer; }#myForm input[type="button"]:hover { background-color: #45a049; }#result { font-size: 14px; /* border: 1px solid #ccc; border-radius: 5px;*/ background-color: #fff; } #weightSlider { width: calc(100% - 20px); margin-bottom: 23px; }#weightOutput { margin-top: 5px; } #weight { padding: 1px; font-size: 2rem; border: solid; width: 81px; line-height: 1px; border-color: #c9c9c9; border-width: 1px; text-align: center; border-radius: 6px; } td { background-color: transparent !important; border: none !important; padding: 0; margin: 0; vertical-align: middle; } .semana { margin-top: 15px; font-weight: 900; color: #2bb0ae; font-size: 140%; } .noMargin{margin-top: 0px;} CONDICION: ANSIEDAD CANCER EMESIS INAPETENCIA CONDICIONES GERIATRICAS ALERGIA ARTRITIS COMPORTAMIENTO CONDICIONES NEURODEGENERATIVAS CONVULSIONES PATOLOGIAS ARTICULARES DOLOR ENF. RENAL EPILEPSIA INFLAMACION DISFUNCION COGNITIVA SECUELAS DISTEMPER SALUD CARDIOVASCULAR SISTEMA INMUNOLOGICO TRASTORNO GASTORINTESTINAL TRASTORNO DE MOVILIDAD ASMA FELINO ENCEFALOPATÍA HEPÁTICA DERMATITIS ATÓPICA GINGIVOESTOMATITIS FELINA CISTITIS IDIOPÁTICA FELINA ENFERMEDADES VIRALES

PESO:

Kg

PRESENTACION: Frasco (1%) 15 mL 150 mg Frasco (2%) 15 mL 300 mg Frasco (1%) 30 mL 300 mg Frasco (2%) 30 mL 600 mg

$(document).ready(function() { $('#presentation, #diagnostic, #weightSlider, #weight').on('change', function() { if ($('#presentation').val() !== '0' && $('#diagnostic').val() !== '0' && $('#weight').val() !== '0' && $('#weight').val() !== '') { sendData(); } else { $('#result').html('¡Condición, Peso y Presentación son campos obligatorios!'); // Limpiar el contenido del div } }); $('#weight').on('input', function() { if ($('#presentation').val() !== '0' && $('#diagnostic').val() !== '0' && $('#weight').val() !== '0' && $('#weight').val() !== '') { sendData(); } else { $('#result').html('¡Condición, Peso y Presentación son campos obligatorios!'); // Limpiar el contenido del div } });$('#weightSlider').on('input', function() { $('#weight').val($(this).val()); }); }); function sendData() { var diagnostic = document.getElementById('diagnostic').value; var weight = document.getElementById('weight').value; var presentation = document.getElementById('presentation').value;// Crear un objeto JSON con los datos del formulario var prescriptionDTO = { diagnostic: diagnostic, weight: weight, presentation: presentation, units: '1' // Valor por defecto del campo units };$.ajax({ type: 'POST', data:JSON.stringify(prescriptionDTO), url: 'https://kleanxslm.herokuapp.com/calculadora', dataType: 'json', // Esperamos recibir JSON como respuesta contentType: 'application/json', // Enviar JSON en la solicitud success: function(response) { // Mostrar la respuesta en #result document.getElementById('result').innerHTML ="Diagnostico: "+diagnostic+"
Peso: "+weight+" Kg
Presentación: "+presentation+ "
" + response.week1 + "
" + "" + response.week2 + "
" + "" + response.week3 + "
" + "" + response.week4 + "
"; console.log(response.week1); }, error: function() { alert('Hubo un error al procesar la solicitud.'); } }); }