Programming

Day Counter – Day Difference Calculator

by
Day Difference Calculator

HTML code of Day Counter – Day Difference Calculator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Day Difference Calculator</title><style>/* Optional CSS styling for the calculator *//* You can customize this according to your website’s design */body {font-family: Arial, sans-serif;}.calculator-container {max-width: 400px;margin: 0 auto;padding: 20px;background-color: #f9f9f9;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}input[type=”date”] {width: 100%;padding: 10px;margin-bottom: … Read more

All Countries Random User Generator

by
All Countries Random User Generator

HTML code of All Countries Random User Generator <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>Random User Generator</title><style>body {font-family: Arial, sans-serif;}.user-info {display: flex;flex-wrap: wrap;gap: 10px;}.user-info img {width: 150px;height: 150px;border-radius: 50%;}.user-info .info {display: flex;flex-direction: column;gap: 5px;}.user-info .info span {font-weight: bold;}</style></head><body><h1>Random User Generator</h1><div class=”user-info”><img id=”user-picture” src=”” alt=”User Picture”><div class=”info”><span>Name:</span><span id=”user-name”></span><span>Email:</span><span id=”user-email”></span><span>Phone:</span><span id=”user-phone”></span><span>Cell:</span><span id=”user-cell”></span><span>Address:</span><span id=”user-address”></span></div></div><button id=”generate-user”>Generate Now</button><script>const generateUserButton = … Read more

Birth Day Calculator | Online Age Calculator

by
Online Age Calculator

HTML code of Birth Day Calculator | Online Age Calculator <script>var mS = [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’, ‘Aug’, ‘Sep’, ‘Oct’, ‘Nov’, ‘Dec’];var dat = new Date();var curday = dat.getDate();var curmon = dat.getMonth() + 1;var curyear = dat.getFullYear();var startyear = dat.getFullYear()-100;var endyear = dat.getFullYear();function checkleapyear(datea) {if (datea.getYear() % 4 == 0) {if (datea.getYear() … Read more

How to Create Normal Calculator through HTML

by
Create Normal Calculator through HTML

How to Create Normal Calculator through HTML MTML code for Calculator: <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>User-Friendly Calculator</title><link rel=”stylesheet” href=”styles.css”></head><body><div class=”calculator”><input type=”text” id=”display” placeholder=”0″ disabled><div class=”buttons”><button id=”clear”>C</button><button id=”backspace”>⌫</button><button>%</button><button>÷</button><button>7</button><button>8</button><button>9</button><button>×</button><button>4</button><button>5</button><button>6</button><button>-</button><button>1</button><button>2</button><button>3</button><button>+</button><button class=”double”>0</button><button>.</button><button class=”double”>=</button></div></div><script src=”script.js”></script></body></html> CSS code for Calculator body {display: flex;justify-content: center;align-items: center;height: 340vh;background-color: #f0f0f0;margin: 0;font-family: ‘Arial’, sans-serif;} .calculator {width: 265px;padding: 20px;background: #fff;border-radius: 18px;box-shadow: 0 4px 10px … Read more