Calculator digital

✨ PREVIZUALIZARE LIVE: Calculator Digital ✨

Script realizat de petre-vitan ✓ Selectat! Apasă Ctrl+C (sau Copiază din meniu) Faceți click în casetă pentru a selecta tot

<div style="background: #111; border: 2px solid #333; width: 100%; max-width: 400px; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0,0,0,0.5); font-family: sans-serif; margin: 0 auto; box-sizing: border-box;"> <!-- Realizat de petre-vitan --> <input type="text" id="ecran" readonly style="width: 100%; height: 50px; background: #222; border: 1px solid #444; color: #00ff88; font-family: monospace; font-size: 22px; text-align: center; padding: 5px; box-sizing: border-box; border-radius: 4px; display: block; margin: 0 auto 15px auto; outline: none;"> <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;"> <button onclick="tasta('7')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">7</button> <button onclick="tasta('8')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">8</button> <button onclick="tasta('9')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">9</button> <button onclick="tasta('/')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">/</button> <button onclick="tasta('4')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">4</button> <button onclick="tasta('5')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">5</button> <button onclick="tasta('6')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">6</button> <button onclick="tasta('*')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">*</button> <button onclick="tasta('1')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">1</button> <button onclick="tasta('2')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">2</button> <button onclick="tasta('3')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">3</button> <button onclick="tasta('-')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">-</button> <button onclick="clearScr()" style="padding: 15px; background: #ff3b30; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">C</button> <button onclick="tasta('0')" style="padding: 15px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 18px;">0</button> <button onclick="total()" style="padding: 15px; background: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">=</button> <button onclick="tasta('+')" style="padding: 15px; background: #ff9f0a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 22px;">+</button> </div> </div> <script> // Realizat de petre-vitan function tasta(v) { document.getElementById('ecran').value += v; } <div style='clear: both;'></div> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>Niciun comentariu:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div id='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Trimiteți un comentariu</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/8048040102194034766?pa=6983852816508708564&hl=ro&saa=85391&origin=https://dininimapentruoinima.blogspot.com' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1815367283-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <a class='home-link' href='https://dininimapentruoinima.blogspot.com/'>Pagina de pornire</a> </div> <div class='clear'></div> </div><div class='widget ContactForm' data-version='1' id='ContactForm1'> <h2 class='title'>Formular de contact</h2> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p></p> Nume <br/> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p></p> E-mail <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p></p> Mesaj <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'>