peterisgb Posted April 1, 2023 Share Posted April 1, 2023 What are your thoughs and opinions about this? Like i decided at long last to try it out and see what it can do and i managed to get it to make this.... <!DOCTYPE html> <html> <head> <title>Calculator</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } .container { margin: 50px auto; padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px #ccc; border-radius: 10px; text-align: center; width: 300px; } h1 { margin-top: 0; font-size: 36px; color: #333; } input { display: block; margin: 10px auto; padding: 10px; border: none; background-color: #f2f2f2; width: 80%; border-radius: 5px; font-size: 18px; text-align: right; } .button-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 10px auto; width: 80%; } button { padding: 10px 20px; border: none; background-color: #333; color: #fff; font-size: 18px; border-radius: 5px; cursor: pointer; } button:hover { background-color: #555; } button:active { transform: translateY(2px); } </style> </head> <body> <div class="container"> <h1>Calculator</h1> <input type="text" id="result" disabled> <div class="button-container"> <button onclick="clearScreen()">C</button> <button onclick="backspace()">BACK</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="calculate()">=</button> </div> </div> <script> function insert(num) { document.getElementById("result").value += num; } function clearScreen() { document.getElementById("result").value = ""; } function backspace() { var input = document.getElementById("result"); input.value = input.value.slice(0, -1); } function calculate() { var input = document.getElementById("result"); var result = eval(input.value); document.getElementById("result").value = result; } </script> </body> </html> TBH i'm pretty amazed that it was able to produce this and actually work.... Where could this go. Could we ALL be out of jobs? Quote Link to comment Share on other sites More sharing options...
corruptcity || skalman Posted April 1, 2023 Share Posted April 1, 2023 (edited) welcome to the dark side 🙂 been using it myself as well as github co pilot. Has helped me loads when having to fix or bug test my amazing code haha. Feel that co-pilot has helped speed up writing code. I don't think it'll be to long before all developers/coder or whatever will be using AI. Edited April 1, 2023 by corruptcity || skalman Quote Link to comment Share on other sites More sharing options...
Canjucks Posted April 1, 2023 Share Posted April 1, 2023 it does help a great deal. just doesn't tell you how to woo a woman 🤣 so it has some standards.... Quote Link to comment Share on other sites More sharing options...
corruptcity || skalman Posted April 1, 2023 Share Posted April 1, 2023 it does, you just haven't asked it the right questions for doing that haha 1 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.