Cold Call Tracker
About this app
A tracker to help you complete 542 cold calls by November 22nd, 2023
Cold Call Tracker 📞 Cold Call Tracker 🚀 Remaining working days: Calls per day: Add Calls Total calls made: 0 Remaining calls: 542
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>Cold Call Tracker</title>
<meta name="description" content="A tracker to help you complete 542 cold calls by November 22nd, 2023">
<meta name="keywords" content="cold call, tracker, progress, calls, sales">
<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 {
let totalCalls = 542;
let callsMade = 0;
// Calculate remaining working days
let fromDate = new Date(2023, 9, 18); // Oct 18, 2023
let toDate = new Date(2023, 10, 22); // Nov 22, 2023
let daysDiff = calcWorkingDays(fromDate, toDate);
// Calculate calls per day
let callsPerDay = Math.ceil(totalCalls / daysDiff);
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("days").textContent = daysDiff;
document.getElementById("callsPerDay").textContent = callsPerDay;
document.getElementById("addCalls").addEventListener("click", function() {
callsMade += Number(document.getElementById("callsInput").value);
document.getElementById("callsMade").textContent = callsMade;
document.getElementById("callsInput").value = '';
document.getElementById("remainingCalls").textContent = totalCalls - callsMade;
});
});
// Function to calculate working days
function calcWorkingDays(fromDate, toDate) {
let dayMilliSeconds = 1000 * 60 * 60 * 24;
let fromDay = Math.floor(fromDate.getTime() / dayMilliSeconds);
let toDay = Math.floor(toDate.getTime() / dayMilliSeconds);
let daysDiff = toDay - fromDay;
let weeks = Math.floor(daysDiff / 7);
let days = daysDiff - weeks * 2;
let startDay = fromDate.getDay();
let endDay = toDate.getDay();
if (startDay - endDay > 1) days -= 2;
if (startDay == 0 && endDay != 6) days--;
if (endDay == 6 && startDay != 0) days--;
return days;
}
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #f6f6f6;
}
.app-container {
margin-top: 50px;
}
.call-info {
margin-bottom: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container app-container">
<h1>📞 Cold Call Tracker 🚀</h1>
<div class="call-info">
<h2>Remaining working days: <span id="days"></span></h2>
<h2>Calls per day: <span id="callsPerDay"></span></h2>
</div>
<div>
<input type="number" id="callsInput" min="0" placeholder="Enter calls made today">
<button id="addCalls" class="btn btn-primary">Add Calls</button>
</div>
<div class="call-info">
<h2>Total calls made: <span id="callsMade">0</span></h2>
<h2>Remaining calls: <span id="remainingCalls">542</span></h2>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!