ROI Calculator
About this app
Calculate the Return on Investment (ROI) for event video capture and editing monthly.
ROI Calculator ROI Calculator Calculate the Return on Investment (ROI) for event video capture and editing monthly. Monthly Revenue: Monthly Cost: Calculate ROI ROI:
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ROI Calculator</title>
<meta name="description" content="Calculate the Return on Investment (ROI) for event video capture and editing monthly.">
<meta name="keywords" content="ROI calculator, event video capture, video editing, monthly ROI">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Function to calculate ROI
function calculateROI() {
var revenue = parseFloat($("#revenue").val());
var cost = parseFloat($("#cost").val());
var roi = ((revenue - cost) / cost) * 100;
$("#roi").text(roi.toFixed(2) + "%");
}
// Event listener for calculate button
$("#calculate").click(function() {
calculateROI();
});
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
.form-group {
margin-bottom: 20px;
}
.result {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>ROI Calculator</h1>
<p>Calculate the Return on Investment (ROI) for event video capture and editing monthly.</p>
<div class="form-group">
<label for="revenue">Monthly Revenue:</label>
<input type="number" id="revenue" class="form-control" placeholder="Enter monthly revenue">
</div>
<div class="form-group">
<label for="cost">Monthly Cost:</label>
<input type="number" id="cost" class="form-control" placeholder="Enter monthly cost">
</div>
<button id="calculate" class="btn btn-primary">Calculate ROI</button>
<div class="result">
ROI: <span id="roi"></span>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!