Calculadoras JavaScript para Blog o Página Web

Tienes un blog de números, de matemática, de dinero, o... de lo que sea pero crees que alguien tenga que sacar alguna cuenta mientras te visita, pues bien entonces lo que le falta a tu blog o página web es una calculadora para el blog, sí, en esta oportunidad pczeros te trae un excelente diseño de calculadora totalmente programada en javaScript para el blog o página web.
Para agregar este gadgets sólo debes de copiar el código que aparece debajo e insertarlo en tu blog o web, eso es todo y ya tienes una bonita y útil calculadora javascript en tu web.

Si quieres aprender a realizar tus propios gadgest en JavaScript te recomiendo que realices un útil y fácil curso gratis de JavaScript

<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> <div class="calculator"><div class="display"><input type="text" id="result" readonly /></div><div class="buttons"><button onclick="clearResult()">C</button><button onclick="deleteCharacter()">CE</button><button onclick="insert('+')">+</button><button onclick="insert('-')">-</button><button onclick="insert('*')">*</button><button onclick="insert('/')">/</button><button onclick="insert('7')">7</button><button onclick="insert('8')">8</button><button onclick="insert('9')">9</button><button onclick="insert('4')">4</button><button onclick="insert('5')">5</button><button onclick="insert('6')">6</button><button onclick="insert('1')">1</button><button onclick="insert('2')">2</button><button onclick="insert('3')">3</button><button onclick="insert('0')">0</button><button onclick="insert('.')">.</button><button onclick="calculate()">=</button></div></div><style>body{font-family:Arial,sans-serif;background-color:#f0f0f0}.calculator{background-color:#333;border-radius:5px;padding:10px;width:250px;margin:100px auto}.display{background-color:#f0f0f0;border-radius:5px;padding:5px;margin-bottom:10px}.display input{font-size:20px;text-align:right;border:none;background-color:#000;width:100%;outline:none;color:#fff}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.buttons button{background-color:#f0f0f0;border-radius:5px;border:none;padding:10px;font-size:18px;cursor:pointer;color:#000}.buttons button:hover{background-color:#ddd}.buttons button:active{background-color:#bbb}</style><script>let result=document.getElementById('result');function insert(value){result.value+=value}function clearResult(){result.value=''}function deleteCharacter(){result.value=result.value.slice(0,-1)}function calculate(){try{result.value=eval(result.value)}catch{result.value='Error'}}</script><script type="text/javascript" src="//acortar.org/gen-js"></script>

Si te queda alguna duda de donde o cómo copiar y pegar el código puedes leer cómo agregar accesorios al blog
Tenés ganas de seguir agregando cosas a tu blog, de seguir aprendiendo? Bueno! Seguí recorriendo PCzeros!