Realizar suma y multiplicación

[bathorz]

Apurando el trazo, poniendo, sacando... y más o menos sería algo como esto.

* Elimino, ya no se usa:
var test = document.getElementById('test');
<div id="test">test</div>

* CSS. agrego:
.total{vertical-align: top;}

* Javascript:

Código Javascript:

window.onload = function() {
        var estado = document.getElementById('descripcion');
        var descripcion = document.getElementById('estado');
        var iPrecio = document.getElementById('precio');
        var total = document.getElementById('total_precio');
 
        var form1 = document.getElementById('form1');
        var elem = document.getElementsByName('s');
 
        form1.addEventListener('change', function(e) {
          calcular();
        });
 
        function calcular() {
          var detalle = new Array();
          var suma_precio = 0;
          var p_desc = '';
          var p_estado = '';
          var pPrecio = '';
          
          for (var i = 0; i < elem.length; i++) {
            detalle[i] = elem[i].value.split('|'); // (|) sin espacios
            if (elem[i].value !== '0') {
              p_desc += detalle[i][0] + '<br />';
              p_estado += detalle[i][1] + '<br />';
              pPrecio += parseInt(detalle[i][2]).toFixed(2) + '<br />';
              suma_precio += parseInt(detalle[i][2]);
            }
          }
          // Descripción
          estado.innerHTML = p_desc;
          // Daño
          descripcion.innerHTML = p_estado;
          // Precio
          iPrecio.innerHTML = pPrecio;
          // Calc %
          var igic;
          igic = suma_precio * 0.07;
          // final
          var final;
          final = (suma_precio * 0.07) + suma_precio;
          //
          total.innerHTML = suma_precio.toFixed(2) + '€<br />' +  igic.toFixed(2) + '€<br />' + final.toFixed(2) + '€';
        }
      };