A digital financial calculator UI in a teal and white theme, displaying input fields for 'Dakhliga Guud' and 'Kharashyada' with values '15,000 kr' and '8,500 kr' respectively, and a prominent 'Xisaabi' button.
<!DOCTYPE html> <html lang="so"> <head> <meta charset="UTF-8" /> <title>Mynada.se - Xisaabinta Lacagta Shirkadda</title> <style> body { font-family: Arial, sans-serif; background-color: #e0f7fa; padding: 40px; max-width: 600px; margin: auto; } h1 { text-align: center; color: #00796b; } label { display: block; margin-top: 20px; font-weight: bold; } input { padding: 10px; margin-top: 8px; width: 100%; box-sizing: border-box; border-radius: 4px; border: 1px solid #ccc; } button { margin-top: 30px; padding: 12px 24px; background-color: #00796b; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1em; } button:hover { background-color: #004d40; } #natiijo { margin-top: 30px; padding: 20px; background-color: #b2dfdb; border-radius: 8px; font-size: 1.2em; text-align: center; color: #004d40; } @media(max-width: 600px) { body { padding: 20px; } } </style> </head> <body> <h1>Mynada.se - Xisaabinta Lacagta Bisha</h1> <form onsubmit="event.preventDefault(); xisaabiFaa'iidada();"> <label for="dakhliga">Dakhliga Guud:</label> <input type="number" id="dakhliga" placeholder="Geli dakhliga guud..." required /> <label for="kharashyada">Kharashyada:</label> <input type="number" id="kharashyada" placeholder="Geli kharashyada..." required /> <button type="submit">Xisaabi</button> </form> <div id="natiijo"></div> <script> function xisaabiFaa'iidada() { const dakhliga = parseFloat(document.getElementById('dakhliga').value); const kharashyada = Mehr sehen
More images like this
