Comunidad de diseño web y desarrollo en internet online

javascrip

Citar            
MensajeEscrito el 11 Sep 2019 02:20 pm
hola... tengo un programa en javascripr (soy nueva en todo esto) y necesito sumar radiosbutton, son 9 en total clasificados en grupos de 3, quiero q al momento de seleccionar un de cada grupo los sume, pero no puedo... (lo mas probable es q este malo).. alguien q me ilumine?
este es el programa..

Código :

<html>
<head>
    <meta charset="utf-8">
    <style>
        body {background-color: #e1e637;}
        h1   {color: #ff090e;}
    </style>
    <script type="text/javascript">
        function total() {
            if (document.getElementsByName('principal').checked){
                prin=12;
            } else if (document.getElementsByName('principal').checked){
                prin=20;
            } else {
                (document.getElementsByName('principal').checked)
                prin=25;
            }
        }
        </script>
    <script>
        function total2() {
            if (document.getElementsByName('bebida').checked){
                prin2=7;
            } else if (document.getElementById('n5').checked){
                prin2=4;
            } else {
                (document.getElementById('n6').checked)
                prin2=5;
            }
        }
    </script>
    <script>
        function total3() {
            if (document.getElementsByName('postre').checked) {
                prin3=7;
            } else if (document.getElementById('n8').checked) {
                prin3=5;
            } else {

            (document.getElementById('n9').checked)
                prin3=9;
        }
        }

    </script>



</head>
<body>
<h1> CAFETERIA </h1>

</script>
<p> SELECCIONE EL PLATO PRINCIPAL</p>
<input type="radio" id="n1" name="principal" value="12" > Caldo de pollo Q12.00 <br><br>
<input type="radio" id="n2" name="principal" value="20" > pescado frito Q20.00<br><br>
<input type="radio" id="n3" name="principal" value="25" > revolcado Q25.00<br><br>


<p> SELECCIONE SU BEBIDA</p>
<input type="radio" id="n4" name="bebida" value="7"  >  CocaCola Q7.OO<br><br>
<input type="radio" id="n5" name="bebida" value="4" > Jamaica Q4.00<br><br>
<input type="radio" id="n6" name="bebida" value="5" > Sprite Q5.00<br><br>
<p> SELECCIONE SU POSTRE</p>
<input type="radio" id="n7" name="postre" value="7"  > Pastel de fresa Q7.oo<br><br>
<input type="radio" id="n8" name="postre" value="5" > Helado de Chocolate Q5<br><br>
<input type="radio" id="n9" name="postre" value="9" > Coctel de frutas Q9.00<br><br>
<input type="button"  name="name" value="suma"  onclick="Pluss();">

  </form>
    <script>
    function Pluss()
    {
        var prin;
        var prin2;
        var prin3;
        var result;
        result=prin+prin2+prin3;
        alert("la suma es:" +result);


    }
</script>
</body>
</html>

Por mariassssss

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Oct 2019 04:54 pm
:? Hola, tu problema estaba resuelto a medias pero dejame felicitarte pues esta bien estructurado el HTML, salvo algunas etiquetas que están sin cerrar todo lo demás parece bien.

Aquí te dejo el Javascript corregido , debido a la buena estructura que tenias no deberías haber hecho tanta función.

Código Javascript :

      // buscar el <form> y guardarlo en una variable
      const form = document.querySelector('form');
      
      // decir que en el evento enviar se sume el total
      form.addEventListener('submit', obtenerTotal);

      function obtenerTotal(event) {
        // evitar enviar el formulario que ocasiona que se refresque la pagina
        event.preventDefault();
        
        // obtener todos los input radio
        const formData = new FormData(event.target);
        
        // convertir los valores a String, o colocar un 0 si no elegieron algo
        const principal = parseInt(formData.get('principal') || '0', 10);
        const bebida = parseInt(formData.get('bebida') || '0', 10);
        const postre = parseInt(formData.get('postre') || '0', 10);

        const result = principal + bebida + postre;
        alert("la suma es:" + result);
      }


el código completo lo puedes ver en mi página https://www.elporfirio.com/2019/10/04/sumar-radio-button-con-javascript/

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.