Calculator Tools Calculator Tools
Create

ROI Calculator

Dec 31, 2023

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>