Below is the HTML code snippet provided:
<html>
<head>
<link rel="stylesheet" type="text/css" href="CarInfoStyle.css">
</head>
<script src="CarInfoJavascript.js"></script>
<body>
<div class="searchfilter">
<div class="searchwrapper">
<select class="selectClass" id="minYear">
<option value="minYear">Select Year</option>
<option value="(All)">ALL</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
...
</select>
to
<select class="selectClass" id="maxYear">
<option value="maxYear">Select Year</option>
<option value="(All)">ALL</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
...
</select>
<select id="make" onchange="DropdownOption()">
<option value="" selected disabled>Make</option>
<option value="alfa romeo">ALFA ROMEO</option>
<option value="audi">AUDI</option>
...
</select>;
<select id="Model" disabled>
<option value="model" name="model" selected disabled>Model</option>
</select>;
<input type="text" size="20" name="searchbox">
<input type="button" name="searchbutton" value="Search" onclick="createTable()">
</div>
</div>
<div class="CSSTableGenerator">
<table id="MyTable" cellspacing='0'>
<tbody>
</tbody>
</table>
</div>
</body>
</html>
The following JSON object data snippet was also given:
var carData = [{
"ConditionNotes": {},
"Photos": {},
...
// Truncated for brevity
}];
And here is the JS Code provided:
function createTable() {
var table = document.getElementById("MyTable");
table.innerHTML = "";
var header = table.createTHead();
var row = header.insertRow(0);
//...Cells initialization
var makevalue = document.getElementById("make").value;
var modelvalue = document.getElementById("Model").value;
var minYearvalue = parseInt(document.getElementById("minYear").value);
var maxYearvalue = parseInt(document.getElementById("maxYear").value);
for (var i = 0; i < 757; i++) {
// Condition block whose purpose isn't well-defined. Adjusting it.
if (carData[i].Make === makevalue && carData[i].Model === modelvalue) {
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var chassisCell = row.insertCell(0);
var yearCell = row.insertCell(1);
var makeCell = row.insertCell(2);
var modelCell = row.insertCell(3);
var modelGradeCell = row.insertCell(4);
var shipNameCell = row.insertCell(5);
chassisCell.innerHTML = carData[i].RealChassisNo;
yearCell.innerHTML = carData[i].Year;
makeCell.innerHTML = carData[i].Make;
modelCell.innerHTML = carData[i].Model;
modelGradeCell.innerHTML = carData[i].Grade;
shipNameCell.innerHTML = carData[i].ShipName;
}
}
}
function DropdownOption(carData) {
document.getElementById("Model").disabled = false;
var model = document.getElementById("Model");
var option = document.createElement("option");
var make = document.getElementById("make").value;
model.innerHTML = "";
// Option creation based on 'make' selection
// Example for 'audi', adjust others similarly
}
If you need further assistance, provide more context regarding the condition logic requirement.