Pada kesempatan kali ini saya ingin berbagi cara membuat tool sederhana yang banyak dicari orang dengan menggunakan ChatGPT. Saya yakin dari kita semua sudah tau dengan ChatGPT? Ya, langsung saja ya.
Tool yang kita buat ini seperti untuk mengukur dimensi, suhu dan lainnya. Tool ini banyak dicari di oleh pengguna internet, oleh sebab itu tidak ada salahnya kita mencoba membuat tool sederhana ini dan siapa tau bisa mendatangkan traffic dan pundi-pundi dollar?
command prompt chatgpt: write code using thml, css and javascript for online tool: Cm to M convert
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title>Cm to M Converter</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="converter"> <h1>Cm to M Converter</h1> <label for="cm-input">Enter length in cm:</label> <input type="number" id="cm-input" placeholder="Enter cm here"> <button id="convert-btn" onclick="convert()">Convert</button> <p id="result"></p> </div> <script src="script.js"></script> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | .converter { max-width: 500px; margin: 0 auto; text-align: center; } h1 { font-size: 2em; } label { display: block; margin-top: 1em; } input { width: 100%; padding: 0.5em; margin: 1em 0; border: none; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } button { background-color: #3498db; color: #fff; border: none; border-radius: 5px; padding: 0.5em 1em; margin-top: 1em; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } button:hover { cursor: pointer; background-color: #2980b9; } p { margin-top: 1em; font-size: 1.5em; } |
1 2 3 4 5 | function convert() { var cmInput = document.getElementById("cm-input").value; var meters = cmInput / 100; document.getElementById("result").innerHTML = cmInput + " cm = " + meters + " m"; } |
Cm to M Converter
#please make the code more attractive and responsive for all devices #Please change the button color to green and add a black border too
Untuk membuat kode yang sama namun tool berbeda misalkan tool diatas Cm to M Converter dan anda ingin membuat tool Cm to inches. Maka perintah nya seperti berikut:
#please make a tool to Convert cm to inches everything is the same as the above code
Simple bukan? Tinggal copy paste gak perlu ribet coding. Tinggal tambah artikel agar lebih menarik….
