Calculadora de Env\u00edos<\/title>\n <style>\n table {\n border-collapse: collapse;\n margin: 10px 0;\n }\n\n table th, table td {\n border: 1px solid #ccc;\n padding: 5px 10px;\n text-align: left;\n }\n\n input {\n width: 4ch;\n text-align: center;\n }\n\n button {\n margin-top: 10px;\n padding: 10px 15px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n <h2>Tarifas<\/h2>\n <table>\n <tr>\n <th>Tipo de Env\u00edo<\/th>\n <th>Tarifa<\/th>\n <\/tr>\n <tr>\n <td>Aereo ($\/lb):<\/td>\n <td><input type=\"number\" id=\"air-rate\" value=\"5.5\" \/><\/td>\n <\/tr>\n <tr>\n <td>Maritimo ($\/ft\u00b3):<\/td>\n <td><input type=\"number\" id=\"sea-rate\" value=\"32\" \/><\/td>\n <\/tr>\n <\/table>\n\n <h2>Detalles del Paquete<\/h2>\n <div id=\"boxes-container\">\n <table>\n <tr>\n <th>Medidas<\/th>\n <th>Valor en Pulgadas<\/th>\n <\/tr>\n <tr>\n <td>Largo:<\/td>\n <td><input type=\"number\" class=\"length\" placeholder=\"in\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <tr>\n <td>Ancho:<\/td>\n <td><input type=\"number\" class=\"width\" placeholder=\"in\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <tr>\n <td>Alto:<\/td>\n <td><input type=\"number\" class=\"height\" placeholder=\"in\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <tr>\n <td>Peso en Libras:<\/td>\n <td><input type=\"number\" class=\"weight\" placeholder=\"lbs\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <\/table>\n <\/div>\n <button id=\"add-box\">Agregar otro Paquete<\/button>\n\n <h3>Costos Aproximados<\/h3>\n <p id=\"air-result\">Costo Aereo (7 dias h\u00e1biles): $0.00<\/p>\n <p id=\"sea-result\">Costo Maritimo (30 dias h\u00e1biles): $0.00<\/p>\n <p id=\"summary\"><\/p>\n\n <script>\n const boxesContainer = document.getElementById('boxes-container');\n const airRateInput = document.getElementById('air-rate');\n const seaRateInput = document.getElementById('sea-rate');\n const airResult = document.getElementById('air-result');\n const seaResult = document.getElementById('sea-result');\n\n function calculateShipping() {\n const airRate = parseFloat(airRateInput.value) || 0;\n const seaRate = parseFloat(seaRateInput.value) || 0;\n\n let totalAirCost = 0;\n let totalSeaCost = 0;\n\n const boxes = Array.from(boxesContainer.querySelectorAll('table'));\n boxes.forEach(box => {\n const length = parseFloat(box.querySelector('.length').value) || 0;\n const width = parseFloat(box.querySelector('.width').value) || 0;\n const height = parseFloat(box.querySelector('.height').value) || 0;\n const weight = parseFloat(box.querySelector('.weight').value) || 0;\n\n \/\/ Air shipping calculations\n const airVolumetricWeight = (length * width * height) \/ 166;\n const airChargeableWeight = Math.max(airVolumetricWeight, weight, 5); \/\/ Minimum 5 lbs\n totalAirCost += airChargeableWeight * airRate;\n\n \/\/ Sea shipping calculations\n let boxVolumeCubicFeet = (length * width * height) \/ 1728;\n boxVolumeCubicFeet = Math.max(boxVolumeCubicFeet, 2); \/\/ Minimum 1 ft\u00b3\n totalSeaCost += boxVolumeCubicFeet * seaRate;\n });\n\n \/\/ Display results\n airResult.textContent = `Air Shipping Cost: $${totalAirCost.toFixed(2)}`;\n seaResult.textContent = `Sea Shipping Cost: $${totalSeaCost.toFixed(2)}`;\n }\n\n function addBox() {\n const newBox = document.createElement('table');\n newBox.innerHTML = `\n <tr>\n <th>Medidas<\/th>\n <th>Valor en Pulgadas (in)<\/th>\n <\/tr>\n <tr>\n <td>Largo:<\/td>\n <td><input type=\"number\" class=\"length\" placeholder=\"in\" inputmode=\"numeric\"\/><\/td>\n <\/tr>\n <tr>\n <td>Ancho:<\/td>\n <td><input type=\"number\" class=\"width\" placeholder=\"in\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <tr>\n <td>Alto:<\/td>\n <td><input type=\"number\" class=\"height\" placeholder=\"in\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n <tr>\n <td>Peso en Libras:<\/td>\n <td><input type=\"number\" class=\"weight\" placeholder=\"lbs\" inputmode=\"numeric\" \/><\/td>\n <\/tr>\n `;\n boxesContainer.appendChild(newBox);\n attachEventListeners(newBox);\n }\n\n function attachEventListeners(container) {\n const inputs = container.querySelectorAll('input');\n inputs.forEach(input => {\n input.addEventListener('input', calculateShipping);\n });\n }\n\n \/\/ Add event listeners to the first box\n attachEventListeners(document);\n\n \/\/ Add event listener for the \"Add Another Box\" button\n document.getElementById('add-box').addEventListener('click', addBox);\n\n \/\/ Add event listeners for rate inputs\n airRateInput.addEventListener('input', calculateShipping);\n seaRateInput.addEventListener('input', calculateShipping);\n <\/script>\n<\/body>\n<\/html><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-2932","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/2932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2932"}],"version-history":[{"count":10,"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/2932\/revisions"}],"predecessor-version":[{"id":13205,"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=\/wp\/v2\/pages\/2932\/revisions\/13205"}],"wp:attachment":[{"href":"https:\/\/quickboxcargo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}