MuchoMatho
How do I make an muchomatho?
What is a muchomatho? How do you make a muchomatho? This script and codes were developed by Anthony Keithley on 24 December 2022, Saturday.
MuchoMatho - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>MuchoMatho</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Enter two numbers</h1>
<h2>a: <input type="number" id="a"> b: <input type="number" id="b"></h2>
<button class="btn" onclick="calc()">Do Math!</button>
<p></p>
<table> <tr> <td>Sum: <span id="sum"></span></td> <td>Product: <span id="product"></span></td> <td>Difference(a - b): <span id="difference"></span></td> <td>Quotient(a / b): <span id="quot"></span></td> </tr> <tr> <td>a<sup>b</sup>: <span id="atob"></span></td> <td>b<sup>a</sup>: <span id="btoa"></span></td> <td>√a: <span id="sqrtA"></span></td> <td>√b: <span id="sqrtB"></span></td> </tr>
</table> <script src="js/index.js"></script>
</body>
</html>
MuchoMatho - Script Codes CSS Codes
td { width: 200px; overflow: scroll; border: solid 1px; height: 50px;
}
input { width: 50px;
}
table { border: solid 1px; text-align: center;
}
body { background: black; color: white; font-family: sans-serif;
}
h1 {
color: slategray
}
.btn { background-color: #5680c4; border: none; color: white; padding: 15px 40px; text-align: center; text-decoration: none; font-size: 24px; margin: 10px; cursor: pointer;
}
MuchoMatho - Script Codes JS Codes
function calc(){ var a = document.getElementById("a").value; var b = document.getElementById("b").value; var sum = Number(a) + Number(b); document.getElementById("sum").innerHTML = sum; var product = a * b; document.getElementById("product").innerHTML = product; var diff = a - b; document.getElementById("difference").innerHTML = diff; var quotient = Math.round((a / b) * 100) / 100;; document.getElementById("quot").innerHTML = quotient; var aTOb = Math.pow(a, b); document.getElementById("atob").innerHTML = aTOb; var bTOa = Math.pow(b, a); document.getElementById("btoa").innerHTML = bTOa; var sqrtA = Math.round((Math.sqrt(a) * 100)) / 100; document.getElementById("sqrtA").innerHTML = sqrtA; var sqrtB = Math.round((Math.sqrt(b) * 100)) / 100; document.getElementById("sqrtB").innerHTML = sqrtB; var facA = 1; for(var i = a; i >= 2; i--){ facA *= i; } var facB = 1; for(var i = b; i >= 2; i--){ facB *= i; }
}
Developer | Anthony Keithley |
Username | KeithleySLHS |
Uploaded | December 24, 2022 |
Rating | 3 |
Size | 2,219 Kb |
Views | 4,048 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Dashboard | 2,803 Kb |
Organizing Your HTML | 1,676 Kb |
JS One | 1,637 Kb |
Keyframes May 4 | 1,657 Kb |
News | 1,152 Kb |
Age Calculator | 1,488 Kb |
Rectangle Creator | 0 Kb |
Nav Bar | 1,597 Kb |
CSS Borders | 1,433 Kb |
Quadratic | 2,234 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Save for later... | Victorfreire | 1,359 Kb |
A Pen by Tosh | Panev | 2,586 Kb |
Splitted Layout | Hornebom | 2,162 Kb |
FontAwesome icons with animation | Nicotinell | 2,083 Kb |
Simple Carousel Pure CSS | Dangvanthanh | 4,080 Kb |
Email Marketing Mock | Kristenzirkler | 8,224 Kb |
CSS eye follow | Pedrocampos | 2,592 Kb |
Add This API | ThatGuySam | 2,848 Kb |
Custom Checkbox and radio inputs SCSS | Rgfx | 3,367 Kb |
IE11 Test | Boostnewmedia | 4,998 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!