|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/model.css')}}"> |
|
<script> |
|
function validateForm() { |
|
var experienceField = document.getElementById("experience"); |
|
var experienceValue = experienceField.value; |
|
if (experienceValue < 0) { |
|
alert("Experience cannot be negative."); |
|
return false; |
|
} |
|
|
|
var salaryField = document.getElementById("salary"); |
|
var salaryValue = salaryField.value; |
|
if (salaryValue < 0) { |
|
alert("Salary cannot be negative."); |
|
return false; |
|
} |
|
|
|
return true; |
|
} |
|
</script> |
|
</head> |
|
|
|
<body> |
|
<div class="header"> |
|
<img src="{{ url_for('static', filename='images/Model-Naive.png') }}" alt="Image" class="logo"> |
|
<h1>Naive Bayes</h1> |
|
</div> |
|
<form action="{{ url_for('predictnaive') }}" method="POST" onsubmit="return validateForm()"> |
|
<label for="experience">Experience:</label> |
|
<input type="number" id="experience" name="experience" placeholder="Experience" required> |
|
|
|
<label for="salary">Salary:</label> |
|
<input type="number" id="salary" name="salary" placeholder="Salary" required> |
|
|
|
<button type="submit">Classify</button> |
|
</form> |
|
|
|
<ul> |
|
<li>Salary: {{ salary }}</li> |
|
<li>Experience: {{ experience }}</li> |
|
</ul> |
|
<table> |
|
<tr> |
|
<th>Naive Bayes Type</th> |
|
<th>Prediction</th> |
|
</tr> |
|
<tr> |
|
<td>Multinomial Naive Bayes</td> |
|
<td>{{ multinomial_accuracy }}</td> |
|
<td>{{ multinomial_prediction }}</td> |
|
</tr> |
|
<tr> |
|
<td>Gaussian Naive Bayes</td> |
|
<td>{{ gaussian_accuracy }}</td> |
|
<td>{{ gaussian_prediction }}</td> |
|
</tr> |
|
<tr> |
|
<td>Bernoulli Naive Bayes</td> |
|
<td>{{ bernoulli_accuracy }}</td> |
|
<td>{{ bernoulli_prediction }}</td> |
|
</tr> |
|
</table> |
|
</body> |
|
|
|
</html> |
|
|
