π HTML Checker
Validate your HTML code for errors, warnings, and best practices
`;document.getElementById('htmlInput').value = sampleHTML;
}function clearAll() {
document.getElementById('htmlInput').value = '';
document.getElementById('resultsSection').classList.remove('active');
checkResults = {
errors: [],
warnings: [],
info: [],
totalLines: 0,
totalTags: 0
};
}function showNotification(message) {
const notification = document.getElementById('downloadNotification');
notification.textContent = message;
notification.classList.add('show');
setTimeout(() => {
notification.classList.remove('show');
}, 3000);
}function exportPDF() {
const errorCount = checkResults.errors.length;
const warningCount = checkResults.warnings.length;
const infoCount = checkResults.info.length;
const timestamp = new Date().toLocaleString();
const status = errorCount === 0 ? 'β VALID' : 'β INVALID';
const statusColor = errorCount === 0 ? 'PASSED' : 'FAILED';const content = `
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β HTML VALIDATION REPORT β
β β
β CalcsHub.com β
β Your Trusted Calculation And Solution Hub β
β β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
REPORT INFORMATION
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββGenerated On : ${timestamp}
Report Status : ${status}
Total Lines : ${checkResults.totalLines}
Total Tags : ${checkResults.totalTags}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
VALIDATION SUMMARY
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ¬βββββββββββββββ
β Category β Count β
ββββββββββββββββββββββββββββΌβββββββββββββββ€
β Errors β ${errorCount.toString().padEnd(12)}β
β Warnings β ${warningCount.toString().padEnd(12)}β
β Suggestions β ${infoCount.toString().padEnd(12)}β
β Status β ${statusColor.padEnd(12)}β
ββββββββββββββββββββββββββββ΄βββββββββββββββ${errorCount === 0 && warningCount === 0 && infoCount === 0 ? `
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β β EXCELLENT! Your HTML code is perfectly valid! β
β β
β No errors, warnings, or suggestions found. β
β Your code follows all HTML5 standards and best practices. β
β β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
` : ''}
${errorCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β ERRORS (${errorCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.errors.map((error, index) => `
ββ Error #${index + 1} βββββββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${error.line}
β
β π Description:
β ${error.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}
${warningCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β οΈ WARNINGS (${warningCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.warnings.map((warning, index) => `
ββ Warning #${index + 1} βββββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${warning.line}
β
β π Description:
β ${warning.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}
${infoCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
βΉοΈ SUGGESTIONS (${infoCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.info.map((info, index) => `
ββ Suggestion #${index + 1} ββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${info.line}
β
β π Description:
β ${info.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
RECOMMENDATIONS
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${errorCount > 0 ? 'β’ Fix all errors before deploying your HTML code.\n' : ''}${warningCount > 0 ? 'β’ Review and address warnings for better code quality.\n' : ''}${infoCount > 0 ? 'β’ Consider implementing suggestions for best practices.\n' : ''}${errorCount === 0 && warningCount === 0 ? 'β’ Your code is production-ready!\n' : ''}β’ Validate your HTML regularly during development.
β’ Use semantic HTML5 elements for better accessibility.
β’ Keep your code clean and well-structured.
β’ Test across different browsers and devices.βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
ABOUT THIS REPORT
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββThis report was generated by CalcsHub HTML Checker, a free online
tool for validating HTML code and ensuring web standards compliance.Tool : HTML Checker
Website : CalcsHub.com
Description : Your Trusted Calculation And Solution Hub
Version : 1.0
Date : ${timestamp}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββThank you for using CalcsHub.com!
Visit us for more free web tools.βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β End of Report - CalcsHub.com Β© ${new Date().getFullYear()} β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`;const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `HTML-Validation-Report-${new Date().getTime()}.txt`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showNotification('β PDF Report downloaded successfully!');
}function exportText() {
const errorCount = checkResults.errors.length;
const warningCount = checkResults.warnings.length;
const infoCount = checkResults.info.length;
const timestamp = new Date().toLocaleString();
const status = errorCount === 0 ? 'β VALID' : 'β INVALID';
const statusColor = errorCount === 0 ? 'PASSED' : 'FAILED';const content = `
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β HTML VALIDATION REPORT β
β β
β CalcsHub.com β
β Your Trusted Calculation And Solution Hub β
β β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
REPORT INFORMATION
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββGenerated On : ${timestamp}
Report Status : ${status}
Total Lines : ${checkResults.totalLines}
Total Tags : ${checkResults.totalTags}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
VALIDATION SUMMARY
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ¬βββββββββββββββ
β Category β Count β
ββββββββββββββββββββββββββββΌβββββββββββββββ€
β Errors β ${errorCount.toString().padEnd(12)}β
β Warnings β ${warningCount.toString().padEnd(12)}β
β Suggestions β ${infoCount.toString().padEnd(12)}β
β Status β ${statusColor.padEnd(12)}β
ββββββββββββββββββββββββββββ΄βββββββββββββββ${errorCount === 0 && warningCount === 0 && infoCount === 0 ? `
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β β EXCELLENT! Your HTML code is perfectly valid! β
β β
β No errors, warnings, or suggestions found. β
β Your code follows all HTML5 standards and best practices. β
β β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
` : ''}
${errorCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β ERRORS (${errorCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.errors.map((error, index) => `
ββ Error #${index + 1} βββββββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${error.line}
β
β π Description:
β ${error.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}
${warningCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β οΈ WARNINGS (${warningCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.warnings.map((warning, index) => `
ββ Warning #${index + 1} βββββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${warning.line}
β
β π Description:
β ${warning.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}
${infoCount > 0 ? `βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
βΉοΈ SUGGESTIONS (${infoCount})
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${checkResults.info.map((info, index) => `
ββ Suggestion #${index + 1} ββββββββββββββββββββββββββββββββββββββββββββ
β
β π Line Number: ${info.line}
β
β π Description:
β ${info.message}
β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`).join('\n')}
` : ''}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
RECOMMENDATIONS
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ${errorCount > 0 ? 'β’ Fix all errors before deploying your HTML code.\n' : ''}${warningCount > 0 ? 'β’ Review and address warnings for better code quality.\n' : ''}${infoCount > 0 ? 'β’ Consider implementing suggestions for best practices.\n' : ''}${errorCount === 0 && warningCount === 0 ? 'β’ Your code is production-ready!\n' : ''}β’ Validate your HTML regularly during development.
β’ Use semantic HTML5 elements for better accessibility.
β’ Keep your code clean and well-structured.
β’ Test across different browsers and devices.βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
ABOUT THIS REPORT
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββThis report was generated by CalcsHub HTML Checker, a free online
tool for validating HTML code and ensuring web standards compliance.Tool : HTML Checker
Website : CalcsHub.com
Description : Your Trusted Calculation And Solution Hub
Version : 1.0
Date : ${timestamp}βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββThank you for using CalcsHub.com!
Visit us for more free web tools.βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β End of Report - CalcsHub.com Β© ${new Date().getFullYear()} β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
`;const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `HTML-Validation-Report-${new Date().getTime()}.txt`;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
showNotification('β Text Report downloaded successfully!');
}function printResults() {
window.print();
}function shareResults() {
const errorCount = checkResults.errors.length;
const warningCount = checkResults.warnings.length;
const shareText = `HTML Check Results: ${errorCount} errors, ${warningCount} warnings. Status: ${errorCount === 0 ? 'Valid β' : 'Invalid β'}. Check your HTML at CalcsHub.com`;if (navigator.share) {
navigator.share({
title: 'HTML Checker Results',
text: shareText
}).then(() => {
showNotification('β Results shared successfully!');
}).catch(err => console.log('Error sharing:', err));
} else {
// Fallback: copy to clipboard
navigator.clipboard.writeText(shareText).then(() => {
showNotification('β Results copied to clipboard!');
}).catch(() => {
alert('Share text:\n\n' + shareText);
});
}
}// Auto-resize textarea
const textarea = document.getElementById('htmlInput');
textarea.addEventListener('input', function() {
this.style.height = 'auto';
this.style.height = Math.max(300, this.scrollHeight) + 'px';
});
