<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Calculadora de nmero de pares Daisyheels Cubretacones</title> <link href='http://fonts.googleapis.com/css?family=Opensans' rel='stylesheet' type='text/css'> <style type="text/css"> *{ font-family: 'Opensans', sans-serif; color: #000000; font-weight: bold; } input[type=number] { color: #CA0000 !important; text-align: right; } input[type=text]{ text-align: right; } p { font-size: 14px; color: #000000; font-weight: bold; text-decoration:none; } h1 { font-size: 20px; color: #000000; } h2 { font-size: 16px; color: #000000; } p { line-height: 2.3em; } </style> <script> function calculadora() { manolitos=eval(document.getElementById('manolitos').value); total_XS = Math.round (manolitos * 20 /100); total_S = Math.round (manolitos * 35 /100); total_M = Math.round (manolitos * 45 /100); document.getElementById('XS').value=total_XS; document.getElementById('S').value=total_S; document.getElementById('M').value=total_M; } </script> </head> <body> <center> <table width="80%" border="0"> <tr> <td><h1><center><img src="https://cubretacones.com/img/cubretacones-logo-1459355531.jpg" width="312" /></center></h1> <h1>Cuntos pares de cubretacones Daisyheels necesita?</h1> <input type="text" id="manolitos" value="0" onkeyup="calculadora()" /> <hr width="50%" size=4" align="left" color="#3ADF00"/> <p> <h2>Esta es la cantidad de cubretacones que le recomendamos de cada talla:</h2> <input type="text" id="XS" disabled="disabled" /> Talla XS <br><br> <input type="text" id="S" disabled="disabled" /> Talla S <br><br> <input type="text" id="M" disabled="disabled" /> Talla M <br><br> </p> <h2>Le recomendamos comprar: 20% XS - 35% S - 45% M</h2><br> <input name="button" type="button" onclick="window.close();" value="Cerrar esta ventana" /> </tr> </table> </center> <script type="text/javascript"> document.oncontextmenu = function(){return false;} </script> </body> </body> </body> </html>