MuchoMatho

Developer
Anthony Keithley
Size
2,219 Kb
Views
4,048
  1. MuchoMatho Previews
  2. MuchoMatho HTML Codes
  3. MuchoMatho CSS Codes
  4. MuchoMatho JS Codes

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 Previews
IQ Test

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>&radic;a: <span id="sqrtA"></span></td> <td>&radic;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; }
}
MuchoMatho - Script Codes
MuchoMatho - Script Codes
Home Page Home
Developer Anthony Keithley
Username KeithleySLHS
Uploaded December 24, 2022
Rating 3
Size 2,219 Kb
Views 4,048
Do you need developer help for MuchoMatho?

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!

Anthony Keithley (KeithleySLHS) Script Codes
Name
TipCalc
Input and Output Test
Portfolio
GetRekt
CSS Borders
A Pen by Anthony Keithley
Dashboard
Padding and Margin
Animations Practice
Nav Bar
Create amazing SEO content with AI!

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!