Weighted Average Mark Calculator & Guide
:root {
–primary-color: #004a99;
–success-color: #28a745;
–background-color: #f8f9fa;
–text-color: #333;
–light-gray: #e9ecef;
–white: #ffffff;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: var(–background-color);
color: var(–text-color);
line-height: 1.6;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.container {
width: 100%;
max-width: 960px;
margin: 20px auto;
padding: 20px;
background-color: var(–white);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
header {
background-color: var(–primary-color);
color: var(–white);
padding: 20px;
text-align: center;
border-radius: 8px 8px 0 0;
margin-bottom: 20px;
}
header h1 {
margin: 0;
font-size: 2.2em;
}
h1, h2, h3 {
color: var(–primary-color);
}
.calculator-wrapper {
margin-bottom: 40px;
padding: 30px;
background-color: var(–white);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.input-group {
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
}
.input-group label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: var(–primary-color);
}
.input-group input[type="number"],
.input-group input[type="text"],
.input-group select {
width: calc(100% – 20px);
padding: 10px;
border: 1px solid var(–light-gray);
border-radius: 4px;
font-size: 1em;
box-sizing: border-box;
}
.input-group .helper-text {
font-size: 0.85em;
color: #6c757d;
margin-top: 5px;
display: block;
}
.error-message {
color: #dc3545;
font-size: 0.8em;
margin-top: 5px;
display: none;
}
.button-group {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 25px;
}
.button-group button {
padding: 12px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
transition: background-color 0.3s ease;
flex: 1;
}
.button-group .calculate-button {
background-color: var(–primary-color);
color: var(–white);
}
.button-group .calculate-button:hover {
background-color: #003366;
}
.button-group .reset-button {
background-color: var(–light-gray);
color: var(–text-color);
}
.button-group .reset-button:hover {
background-color: #ced4da;
}
.button-group .copy-button {
background-color: var(–success-color);
color: var(–white);
}
.button-group .copy-button:hover {
background-color: #1e7e34;
}
#results {
margin-top: 30px;
padding: 25px;
background-color: var(–light-gray);
border-radius: 8px;
border: 1px solid var(–primary-color);
}
#results h3 {
margin-top: 0;
text-align: center;
}
.result-item {
margin-bottom: 15px;
font-size: 1.1em;
}
.result-item strong {
color: var(–primary-color);
min-width: 180px;
display: inline-block;
}
.highlighted-result {
font-size: 2em;
font-weight: bold;
color: var(–success-color);
text-align: center;
margin-bottom: 20px;
padding: 15px;
background-color: #e6ffed;
border: 2px solid var(–success-color);
border-radius: 5px;
}
.formula-explanation {
font-size: 0.95em;
color: #555;
margin-top: 15px;
border-top: 1px dashed var(–primary-color);
padding-top: 15px;
}
.chart-container {
margin-top: 30px;
padding: 20px;
background-color: var(–white);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
caption {
font-size: 1.1em;
color: var(–primary-color);
margin-bottom: 15px;
font-weight: bold;
caption-side: top;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
th, td {
padding: 10px 12px;
text-align: center;
border: 1px solid var(–light-gray);
}
th {
background-color: var(–primary-color);
color: var(–white);
font-weight: bold;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
.article-content {
margin-top: 40px;
padding: 30px;
background-color: var(–white);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.article-content h2 {
border-bottom: 2px solid var(–primary-color);
padding-bottom: 5px;
margin-bottom: 20px;
}
.article-content h3 {
margin-top: 25px;
margin-bottom: 15px;
color: #0056b3;
}
.article-content p {
margin-bottom: 15px;
}
.article-content ul, .article-content ol {
margin-left: 20px;
margin-bottom: 15px;
}
.article-content li {
margin-bottom: 8px;
}
.faq-item {
margin-bottom: 15px;
padding: 10px;
border-left: 3px solid var(–primary-color);
background-color: var(–background-color);
}
.faq-item strong {
display: block;
color: var(–primary-color);
margin-bottom: 5px;
}
.related-tools ul {
list-style: none;
padding: 0;
}
.related-tools li {
margin-bottom: 15px;
}
.related-tools a {
color: var(–primary-color);
text-decoration: none;
font-weight: bold;
}
.related-tools a:hover {
text-decoration: underline;
}
.related-tools span {
font-size: 0.9em;
color: #6c757d;
display: block;
margin-top: 4px;
}
.no-results {
text-align: center;
font-size: 1.2em;
color: #6c757d;
margin-top: 20px;
}
#chartCanvas {
max-width: 100%;
height: auto;
}
Calculate Your Weighted Average Mark
Enter your component details and click 'Calculate'.
Formula Used:
Weighted Average Mark = Σ (Weight of Component * Mark of Component)
Essentially, you multiply each component's weight by its corresponding mark and then sum up these values.
Contribution to Weighted Average
Assessment Breakdown
Details of Assessment Components
| Component |
Weight (%) |
Mark (%) |
Weighted Score (%) |
What is Weighted Average Mark?
The weighted average mark is a crucial metric used in academic settings to represent a student's overall performance in a course or program. Unlike a simple average, it accounts for the varying importance of different assessment components, such as exams, assignments, projects, and participation. Each component is assigned a specific weight, reflecting its contribution to the final grade. A higher weight means that component has a greater impact on the overall average. Understanding the weighted average mark is essential for students to gauge their academic standing and identify areas needing improvement.
Who should use it: This calculation is primarily for students at all levels of education – from high school to university and postgraduate studies. Educators and institutions also use it to standardize grading across different courses and departments. Anyone involved in academic assessment or seeking to understand their academic performance should utilize the concept of the weighted average mark.
Common misconceptions: A frequent misunderstanding is that all assessments contribute equally. Students sometimes assume a simple average of their marks will suffice, neglecting the distinct importance assigned to each component. Another misconception is that a high mark on a low-weighted component can significantly boost the overall average, which is not the case. The weighted average mark prioritizes components with higher weighting.
Weighted Average Mark Formula and Mathematical Explanation
The calculation of the weighted average mark is straightforward, involving a summation of the product of each component's weight and its achieved mark. This ensures that more significant assessments have a proportionally larger influence on the final average.
The formula is:
Weighted Average Mark = Σ (Weighti * Marki)
Where:
- Σ (Sigma) represents the sum of all components.
- Weighti is the weight assigned to the i-th assessment component (expressed as a decimal or percentage).
- Marki is the mark or score achieved in the i-th assessment component (usually expressed as a percentage).
Step-by-step derivation:
- Identify all assessment components for the course (e.g., Midterm, Final Exam, Project, Assignments).
- Determine the weight assigned to each component. The sum of all weights must equal 100% (or 1 if expressed as decimals).
- Record the mark or score obtained for each component.
- For each component, multiply its weight by its mark. This gives you the "weighted score" for that component.
- Sum up all the weighted scores calculated in the previous step. The result is your weighted average mark.
Variable Explanation Table
| Variable |
Meaning |
Unit |
Typical Range |
| Marki |
Score achieved in an individual assessment component. |
Percentage (%) |
0% – 100% |
| Weighti |
The importance or contribution of an individual assessment component to the final mark. |
Percentage (%) |
Typically 0% – 100% (sum of all weights must be 100%) |
| Weighted Average Mark |
The final overall calculated mark for the course, considering the weight of each component. |
Percentage (%) |
0% – 100% |
Practical Examples (Real-World Use Cases)
Example 1: University Course Grading
Sarah is taking an Advanced Statistics course. The grading breakdown is as follows: Homework (20% weight), Midterm Exam (30% weight), and Final Exam (50% weight). Sarah scored 90% on Homework, 75% on the Midterm Exam, and 88% on the Final Exam.
Using the weighted average mark formula:
- Homework Contribution: 20% * 90% = 0.20 * 90 = 18
- Midterm Exam Contribution: 30% * 75% = 0.30 * 75 = 22.5
- Final Exam Contribution: 50% * 88% = 0.50 * 88 = 44
Sarah's weighted average mark = 18 + 22.5 + 44 = 84.5%.
Interpretation: Despite a lower score on the midterm, the significant weight of the final exam helped maintain a strong overall grade.
Example 2: High School Subject Assessment
David is in his final year of high school and needs to calculate his Physics grade. The components are: Quizzes (25% weight), Lab Reports (35% weight), and Final Exam (40% weight). David achieved 88% on Quizzes, 95% on Lab Reports, and 82% on the Final Exam.
Calculating David's weighted average mark:
- Quizzes Contribution: 25% * 88% = 0.25 * 88 = 22
- Lab Reports Contribution: 35% * 95% = 0.35 * 95 = 33.25
- Final Exam Contribution: 40% * 82% = 0.40 * 82 = 32.8
David's weighted average mark = 22 + 33.25 + 32.8 = 88.05%.
Interpretation: David's strong performance in lab reports, which carry a substantial weight, significantly contributed to his high final grade, even with a moderate final exam score.
How to Use This Weighted Average Mark Calculator
Our online weighted average mark calculator is designed for simplicity and accuracy. Follow these steps to get your results instantly:
- Input Component Details: Enter the name, weight (as a percentage, e.g., 30 for 30%), and your obtained mark (as a percentage, e.g., 85 for 85%) for each assessment component. The calculator is pre-filled with two common components, but you can adapt the names and values to your specific course structure. Ensure the total weight of all components adds up to 100%.
- Calculate: Click the "Calculate" button. The tool will process your inputs using the weighted average formula.
- View Results: The primary result, your overall weighted average mark, will be displayed prominently. You will also see key intermediate values like the weighted score for each component and the total weighted score.
- Analyze the Table and Chart: The table provides a detailed breakdown of each component's contribution. The chart visually represents how each component contributes to your final mark, helping you understand performance drivers.
- Copy Results: Use the "Copy Results" button to save or share your calculated weighted average mark and related details.
- Reset: Click "Reset" to clear all fields and start over with default values.
How to read results: The main highlighted number is your final grade percentage. The intermediate values show the specific weighted score for each assessment component. The table and chart offer a visual and tabular summary of these contributions.
Decision-making guidance: Use the results to identify which assessment components are most critical to your overall grade. If your weighted average mark is lower than desired, focus your study efforts on high-weighted components where you are performing less strongly. Conversely, maintain high performance on components you are already excelling in, especially if they carry significant weight.
Key Factors That Affect Weighted Average Mark Results
Several factors can influence your weighted average mark and how you perceive your academic standing:
- Component Weighting: This is the most direct factor. A component with a 50% weight will have a much larger impact on your final mark than one with a 10% weight. Adjusting study focus based on weights is crucial.
- Individual Component Marks: Naturally, the scores you achieve on each assessment directly determine their contribution. High marks on high-weighted components lead to a strong overall average.
- Accuracy of Weight Distribution: If the weights assigned by the institution do not accurately reflect the effort or importance of a component, it can skew the perceived value of student work.
- Course Difficulty and Grading Curve: Some courses are inherently more challenging, or instructors may use a grading curve. This can affect the marks achieved, indirectly influencing the weighted average.
- Assessment Format: The type of assessment (e.g., multiple-choice exam vs. essay) might influence performance, thus impacting the mark and subsequently the weighted average.
- Timeliness of Submissions: While not directly in the weighted average formula, late penalties or missed assessments can result in a zero mark for a component, drastically lowering the overall weighted average.
- Subjectivity in Grading: For components like essays or projects, subjective grading can lead to variations in marks, which then propagate through the weighted average calculation.
- Program Requirements: Some academic programs have minimum weighted average mark requirements for progression or graduation, making this calculation vital for long-term academic planning.
Frequently Asked Questions (FAQ)
Q1: What is the difference between a simple average and a weighted average mark?
A simple average treats all values equally, summing them up and dividing by the count. A weighted average assigns different levels of importance (weights) to each value, ensuring that more significant values have a greater impact on the final result.
Q2: Does the sum of weights have to be exactly 100%?
Yes, for a standard weighted average mark calculation, the sum of all component weights must equal 100%. If your weights don't add up to 100%, you might need to normalize them or check the grading policy.
Q3: Can I have more or fewer than two assessment components?
Absolutely. While this calculator is set up with two input fields for demonstration, the concept applies to any number of components. You can mentally extend the formula or use a spreadsheet for more complex scenarios.
Q4: What if I miss an assessment component?
If an assessment component is missed and cannot be made up, it typically results in a score of 0% for that component. This will significantly lower your weighted average mark, especially if the component has a high weight.
Q5: How do I calculate the weighted average mark if weights are given as decimals (e.g., 0.2, 0.3)?
The calculation is the same. Just ensure your marks are also in the same scale (e.g., 0.85 for 85%). Multiply the decimal weight by the decimal mark for each component and sum them up. The result will be a decimal, which you can multiply by 100 to get the percentage.
Q6: Can the weighted average mark be over 100%?
Typically, no. Standard grading systems cap marks at 100%. However, some extra credit opportunities might allow a student's final weighted average to exceed 100%, but this is uncommon.
Q7: What is a "good" weighted average mark?
A "good" mark depends heavily on the institution, course level, and subject. Generally, marks above 70-75% are considered good, above 85% are excellent, and above 90% are outstanding. Always refer to your institution's grading scale.
Q8: How can I improve my weighted average mark?
Identify the components with the highest weights and focus your efforts there. If you've already performed well on high-weighted components, aim to maintain that performance. If you've underperformed, strategize how to maximize your score on remaining high-weighted assessments.
var chartInstance = null;
function updateChart(data) {
var ctx = document.getElementById('contributionChart').getContext('2d');
if (chartInstance) {
chartInstance.destroy();
}
var componentNames = [
document.getElementById('component1Name').value || 'Component 1',
document.getElementById('component2Name').value || 'Component 2'
];
var weightedScores = [data.weightedScore1, data.weightedScore2];
var colors = ['#004a99', '#28a745', '#ffc107', '#17a2b8', '#6f42c1'];
var backgroundColors = [];
var borderColors = [];
for (var i = 0; i < componentNames.length; i++) {
backgroundColors.push(colors[i % colors.length]);
borderColors.push(colors[i % colors.length]);
}
chartInstance = new Chart(ctx, {
type: 'bar',
data: {
labels: componentNames,
datasets: [{
label: 'Contribution to Weighted Average (%)',
data: weightedScores,
backgroundColor: backgroundColors,
borderColor: borderColors,
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
max: 100,
title: {
display: true,
text: 'Percentage Contribution (%)'
}
},
x: {
title: {
display: true,
text: 'Assessment Component'
}
}
},
plugins: {
legend: {
display: true,
position: 'bottom',
labels: {
generateLabels: function(chart) {
var data = chart.data;
if (data.labels.length && data.datasets.length) {
return data.labels.map(function(label, i) {
var meta = chart.getDatasetMeta(0);
var ds = data.datasets[0];
var arc = meta.data[i];
var custom = arc && arc.custom || {};
var dsIndex = chart.config.data.datasets.indexOf(ds);
var index = i;
return {
text: label + ': ' + ds.data[index].toFixed(2) + '%',
fillStyle: custom.backgroundColor || ds.backgroundColor[index],
strokeStyle: custom.borderColor || ds.borderColor[index],
lineWidth: custom.borderWidth || ds.borderWidth,
hidden: !chart.isDatasetVisible(dsIndex),
index: index
};
});
}
return [];
}
}
}
}
}
});
}
function updateTable(data) {
var tableBody = document.querySelector("#assessmentTable tbody");
tableBody.innerHTML = ""; // Clear previous rows
var component1Name = document.getElementById('component1Name').value || 'Component 1';
var component1Weight = parseFloat(document.getElementById('component1Weight').value);
var component1Mark = parseFloat(document.getElementById('component1Mark').value);
var weightedScore1 = isNaN(component1Weight) || isNaN(component1Mark) ? 0 : (component1Weight / 100) * component1Mark;
var component2Name = document.getElementById('component2Name').value || 'Component 2';
var component2Weight = parseFloat(document.getElementById('component2Weight').value);
var component2Mark = parseFloat(document.getElementById('component2Mark').value);
var weightedScore2 = isNaN(component2Weight) || isNaN(component2Mark) ? 0 : (component2Weight / 100) * component2Mark;
var rows = [
{ name: component1Name, weight: component1Weight, mark: component1Mark, score: weightedScore1 },
{ name: component2Name, weight: component2Weight, mark: component2Mark, score: weightedScore2 }
];
rows.forEach(function(row) {
var tr = document.createElement("tr");
tr.innerHTML =
"
" + (row.name || 'N/A') + " | " +
"
" + (isNaN(row.weight) ? 'N/A' : row.weight.toFixed(2)) + " | " +
"
" + (isNaN(row.mark) ? 'N/A' : row.mark.toFixed(2)) + " | " +
"
" + (isNaN(row.score) ? 'N/A' : row.score.toFixed(2)) + " | ";
tableBody.appendChild(tr);
});
}
function calculateWeightedAverage() {
var component1Name = document.getElementById('component1Name').value;
var component1Weight = parseFloat(document.getElementById('component1Weight').value);
var component1Mark = parseFloat(document.getElementById('component1Mark').value);
var component2Name = document.getElementById('component2Name').value;
var component2Weight = parseFloat(document.getElementById('component2Weight').value);
var component2Mark = parseFloat(document.getElementById('component2Mark').value);
var totalWeight = component1Weight + component2Weight;
var resultsContent = document.getElementById('resultsContent');
var intermediateResults = document.getElementById('intermediateResults');
var errors = [];
// Clear previous errors
document.getElementById('component1NameError').style.display = 'none';
document.getElementById('component1WeightError').style.display = 'none';
document.getElementById('component1MarkError').style.display = 'none';
document.getElementById('component2NameError').style.display = 'none';
document.getElementById('component2WeightError').style.display = 'none';
document.getElementById('component2MarkError').style.display = 'none';
// Validation
if (!component1Name) {
document.getElementById('component1NameError').textContent = 'Component name cannot be empty.';
document.getElementById('component1NameError').style.display = 'block';
errors.push(true);
}
if (!component2Name) {
document.getElementById('component2NameError').textContent = 'Component name cannot be empty.';
document.getElementById('component2NameError').style.display = 'block';
errors.push(true);
}
if (isNaN(component1Weight) || component1Weight 100) {
document.getElementById('component1WeightError').textContent = 'Weight must be between 0 and 100.';
document.getElementById('component1WeightError').style.display = 'block';
errors.push(true);
}
if (isNaN(component1Mark) || component1Mark 100) {
document.getElementById('component1MarkError').textContent = 'Mark must be between 0 and 100.';
document.getElementById('component1MarkError').style.display = 'block';
errors.push(true);
}
if (isNaN(component2Weight) || component2Weight 100) {
document.getElementById('component2WeightError').textContent = 'Weight must be between 0 and 100.';
document.getElementById('component2WeightError').style.display = 'block';
errors.push(true);
}
if (isNaN(component2Mark) || component2Mark 100) {
document.getElementById('component2MarkError').textContent = 'Mark must be between 0 and 100.';
document.getElementById('component2MarkError').style.display = 'block';
errors.push(true);
}
if (Math.abs(totalWeight – 100) > 0.01) { // Allow for small floating point inaccuracies
var totalWeightError = document.getElementById('component1WeightError'); // Use one of the weight errors
totalWeightError.textContent = 'Total weight must sum to 100%. Current total: ' + totalWeight.toFixed(2) + '%';
totalWeightError.style.display = 'block';
errors.push(true);
}
if (errors.length > 0) {
resultsContent.innerHTML = '
Please correct the errors above.';
intermediateResults.innerHTML = ";
updateChart({ weightedScore1: 0, weightedScore2: 0 });
updateTable({ weightedScore1: 0, weightedScore2: 0 });
return;
}
var weightedScore1 = (component1Weight / 100) * component1Mark;
var weightedScore2 = (component2Weight / 100) * component2Mark;
var weightedAverageMark = weightedScore1 + weightedScore2;
resultsContent.innerHTML = '
' + weightedAverageMark.toFixed(2) + '%
';
intermediateResults.innerHTML =
'
' + component1Name + ' Contribution: ' + weightedScore1.toFixed(2) + '%
' +
'
' + component2Name + ' Contribution: ' + weightedScore2.toFixed(2) + '%
' +
'
Total Components: 2
';
// Update chart and table
var chartData = {
weightedScore1: weightedScore1,
weightedScore2: weightedScore2
};
updateChart(chartData);
updateTable(chartData);
}
function resetCalculator() {
document.getElementById('component1Name').value = 'Midterm Exam';
document.getElementById('component1Weight').value = '30';
document.getElementById('component1Mark').value = '85';
document.getElementById('component2Name').value = 'Final Exam';
document.getElementById('component2Weight').value = '70';
document.getElementById('component2Mark').value = '92';
document.getElementById('component1NameError').style.display = 'none';
document.getElementById('component1WeightError').style.display = 'none';
document.getElementById('component1MarkError').style.display = 'none';
document.getElementById('component2NameError').style.display = 'none';
document.getElementById('component2WeightError').style.display = 'none';
document.getElementById('component2MarkError').style.display = 'none';
var resultsContent = document.getElementById('resultsContent');
resultsContent.innerHTML = '
Enter your component details and click \'Calculate\'.';
document.getElementById('intermediateResults').innerHTML = ";
// Reset chart
if (chartInstance) {
chartInstance.destroy();
chartInstance = null;
}
var canvas = document.getElementById('contributionChart');
var ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
// Reset table
updateTable({ weightedScore1: 0, weightedScore2: 0 });
}
function copyResults() {
var mainResultElement = document.querySelector('.highlighted-result');
var intermediateResultsElements = document.querySelectorAll('#intermediateResults .result-item');
var component1Name = document.getElementById('component1Name').value || 'Component 1';
var component1Weight = document.getElementById('component1Weight').value;
var component1Mark = document.getElementById('component1Mark').value;
var component2Name = document.getElementById('component2Name').value || 'Component 2';
var component2Weight = document.getElementById('component2Weight').value;
var component2Mark = document.getElementById('component2Mark').value;
var textToCopy = "Weighted Average Mark Calculation:\n\n";
if (mainResultElement) {
textToCopy += "Primary Result: " + mainResultElement.textContent + "\n\n";
}
textToCopy += "Assumptions:\n";
textToCopy += "- " + component1Name + " Weight: " + component1Weight + "%\n";
textToCopy += "- " + component1Name + " Mark: " + component1Mark + "%\n";
textToCopy += "- " + component2Name + " Weight: " + component2Weight + "%\n";
textToCopy += "- " + component2Name + " Mark: " + component2Mark + "%\n\n";
textToCopy += "Breakdown:\n";
intermediateResultsElements.forEach(function(item) {
textToCopy += "- " + item.textContent.replace(':', ': ') + "\n";
});
// Use a temporary textarea for copying to clipboard
var textArea = document.createElement("textarea");
textArea.value = textToCopy;
textArea.style.position = "fixed";
textArea.style.left = "-9999px";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'Results copied to clipboard!' : 'Failed to copy results.';
// Optional: Display a temporary success message to the user
var copyButton = document.querySelector('.copy-button');
var originalText = copyButton.textContent;
copyButton.textContent = msg;
setTimeout(function() {
copyButton.textContent = originalText;
}, 2000);
} catch (err) {
console.error('Copy command was unsuccessful', err);
var msg = 'Failed to copy results.';
var copyButton = document.querySelector('.copy-button');
var originalText = copyButton.textContent;
copyButton.textContent = msg;
setTimeout(function() {
copyButton.textContent = originalText;
}, 2000);
}
document.body.removeChild(textArea);
}
// Initial calculation on load if values are present
document.addEventListener('DOMContentLoaded', function() {
// Check if input fields have default values and perform calculation
var component1Weight = document.getElementById('component1Weight').value;
var component1Mark = document.getElementById('component1Mark').value;
var component2Weight = document.getElementById('component2Weight').value;
var component2Mark = document.getElementById('component2Mark').value;
if (component1Weight && component1Mark && component2Weight && component2Mark) {
calculateWeightedAverage();
} else {
// Ensure chart and table are initialized even without calculation
updateChart({ weightedScore1: 0, weightedScore2: 0 });
updateTable({ weightedScore1: 0, weightedScore2: 0 });
}
});