visualbudget
Version:
a visual budget calculator to prepare yourself debt-free!
59 lines (54 loc) • 1.71 kB
HTML
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
</html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap">
<style>
body {
font-family: 'Roboto Condensed', sans-serif;
}
</style>
</head>
<html>
<head>
<title>Budget Calculator</title>
</head>
</html>
<h1><center>Budget Calculator (By MM) </center></h1>
<p>
<center>This is a beta to a my budget calculator tool I hope this comes in good use to you.</center>
</p>
</div>
<form action="/action_page.php">
<center>
<label for="fname">First Name:</label><br>
<input type="text" id="fname" name="fname" placeholder="John"><br>
<label for="lname">Last Name:</label><br>
<input type="text" id="lname" name="lname" placeholder="Doe"><br><br>
<label for= "sal"><center>Monthly House Expenses</center></label><br>
<input type="text" id="sal" name="sal" placeholder="$"><br>
<input type="button" onClick="multiplyBy()" Value="Submit" /><br>
<p>The Result is : <br>
<span id="result"></span>
</p>
</center>
<br>
<p><center>Lividify© all rights go to Mr.Dilling (name disclosed)</center></p>
<p><center><a href="https://github.com/Lividify/yourbudget.github.io/blob/main/LICENSE">License</a></center></p>
<p><center><a href="https://github.com/Lividify/yourbudget.github.io/blob/main/README.md">Project Description</a><center></p>
<p><center>♥12/25/22♥ Christmas Gift</center></p>
<br>
</form>
<script>
function multiplyBy()
{
num1 = document.getElementById(
"sal").value;
document.getElementById(
"result").innerHTML = num1 * 0.28;
}
</script>
</body>