Programming

How to Create Normal Calculator through HTML

by

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> … Read more

Birth Day Calculator | Online Age Calculator

by

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) … Read more

Day Counter – Day Difference Calculator

by

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 … Read more

All Countries Random User Generator

by

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; … Read more

iFrame Generator – Free Online iFrame Code Generator

by

HTML code of iFrame Generator – Free Online iFrame Code Generator Width: <input type=”text” name=”width” id=”iframewidth” />px<br/> Height : <input type=”text” name=”height” id=”iframeheight” />px<br/> URL: <input type=”text” name=”url” id=”url”> <br/> <br/> <button id=”generate”>Generate Iframe</button> <br/>iFrame Code<br/> <textarea id=”iframecode” style=”width:100%; height:150px;”></textarea> <script src=”https://code.jquery.com/jquery-3.6.0.min.js” integrity=”sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=” crossorigin=”anonymous”></script> Java Script code: $(function() { $(“#generate”).click(function() { var width = $(“#iframewidth”).val(); … Read more

Unit converter

by

HTML code of Unit converter <!DOCTYPE html> <html> <head> <title>Unit Converter</title> <!– Add Materialize CSS –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”> </head> <body> <div class=”container”> <h1 class=”center-align”>Unit Converter</h1> <div class=”row”> <div class=”input-field col s6″> <select id=”fromUnit”> <option value=”kilometer”>Kilometer</option> <option value=”meter”>Meter</option> <option value=”centimeter”>Centimeter</option> <option value=”decimeter”>Decimeter</option> <option value=”millimeter”>Millimeter</option> <option value=”angstrom”>Angstrom</option> <option value=”mile”>Mile</option> <option value=”fathom”>Fathom</option> <option value=”yard”>Yard</option> <option value=”foot”>Foot</option> <option … Read more

Online PNG Image to WebP Converter | PNG to WebP Converter

by

Online PNG Image to WebP Converter | PNG to WebP Converter <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>PNG to WebP Converter</title> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”> <style> #image-preview { max-width: 100%; height: auto; } </style> </head> <body> <div class=”container”> <h1 class=”center-align”>PNG to WebP Converter</h1> <div class=”row”> <div class=”col s12″> <div class=”card”> <div class=”card-content”> <div class=”file-field … Read more

HTML code of Fake Name Generator

by

HTML code of Fake Name Generator | Fake Person Generator | Random Person Generator <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Random Person Generator</title> <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css” rel=”stylesheet”> <style> @import url(‘https://fonts.googleapis.com/css2?family=Bad+Script&family=Montserrat:wght@400;500;600;700;800&display=swap’); body { font-family: “Montserrat”; } .header-inner-div { padding-bottom: 10rem !important; } #randomUserDisplaySection { margin-top: -12rem; } .user-rounded-image { … Read more

URL Encode & URL Decode tool

by

HTML code of URL Encode & URL Decode tool <h1>URL Encode</h1> <textarea rows=6 cols=50 id=”encodeTxt”></textarea><br/><br/> <button type=”button” onclick=”urlencodeTxt()”> ENCODE </button><br/><br/> <textarea rows=6 cols=50 id=”encodeResult” placeholder=”Result goes here”></textarea> <hr/> <h1>URL Decode</h1> <textarea rows=6 cols=50 id=”decodeTxt”></textarea><br/><br/> <button type=”button” onclick=”urldecodeTxt()”> DECODE </button><br/><br/> <textarea rows=6 cols=50 id=”decodeResult” placeholder=”Result goes here”></textarea> <br/></br/> Java Script code: function urlencodeTxt() { var urlEncodeTxt … Read more

HTML code of Bulk QR Code Generator

by

HTML code of Bulk QR Code Generator | QR Code Generator <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>QR Code Generator</title> <link rel=”stylesheet” href=”https://fonts.googleapis.com/icon?family=Material+Icons”> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css”> </head> <body> <div class=”container”> <h3>QR Code Generator</h3> <div class=”row”> <div class=”input-field col s12″> <input id=”text-input” type=”text”> <label for=”text-input”>Text to Encode</label> </div> </div> <div class=”row”> … Read more