Dropdown-Menü – Hinzufügen eines zusätzlichen Platzes in den Optionen ⇐ JavaScript

[Anonymous]

Ich besuche derzeit einen Programmierkurs und erstelle eine App für ein Projekt. Wir müssen Datensätze in unsere App einfügen. Das Problem, auf das ich stoße, besteht darin, dass Code.org, wenn ich mein Dropdown-Menü für Optionen in meinem Datensatz verwende, nach der ersten Ausführung des Codes ein zusätzliches Leerzeichen in der Design-Registerkarte nach meinen Optionen einfügt, was dazu führt, dass der Code nicht mehr funktioniert. AKA: Der kleine Leerraum nach all den Optionen.
Das ist der Code, den ich gerade habe.

Code: Select all

onEvent("searchMajorsButton", "click", function( ) {
setScreen("searchScreen");
});

onEvent("searchMajorButton", "click", function() {
var salaryWanted = getText("salaryInput");
var categoryChosen = getText("majorCategoryDropdown");
if (salaryWanted != "Any") {
salaryWanted = Number(salaryWanted);
}
readRecords("College Majors & Incomes", {}, function(records) {
var filtered = records.filter(function(item) {
var matchesSalary = true;
var matchesCategory = true;
if (salaryWanted != "Any") {
matchesSalary = (item.Median >= salaryWanted);
}
if (categoryChosen != "Any") {
matchesCategory = (item.Major_category == categoryChosen);
}
return matchesSalary && matchesCategory;
});
if (filtered.length > 0) {
var major = filtered[0];
var employmentRate = Math.round((major.Employed / major.Total) * 100);
setText("resultMajorName", major.Major);
setText("resultMajorCategory", major.Major_category);
setText("resultMedianSalary", "$" + major.Median);
setText("resultEmploymentRate", employmentRate + "%");
} else {
setText("resultMajorName", "No matching majors found");
setText("resultMajorCategory", "-");
setText("resultMedianSalary", "-");
setText("resultEmploymentRate", "-");
}
setScreen("resultsScreen");
});
});
onEvent("backButton1", "click", function( ) {
setScreen("homeScreen");
});
onEvent("backButton3", "click", function( ) {
setScreen("homeScreen");
});
onEvent("backButton2", "click", function() {
setScreen("searchScreen");
setProperty("salaryInput", "text", "Any");
setProperty("majorCategoryDropdown", "text", "Any");
});
onEvent("homeButton", "click", function( ) {
setScreen("homeScreen");
});
onEvent("viewMajorsButton", "click", function( ) {
setScreen("allMajorsScreen");
setText("allMajorsTextArea", "Loading majors...");
readRecords("College Majors & Incomes", {}, function(records) {
var majorsText = "";
for (var i = 0; i < records.length; i++) {
majorsText += (i + 1) + ". " + records[i].Major + " (" + records[i].Major_category + ")\n";
}
setText("allMajorsTextArea", majorsText);
});
});
onEvent("filterByCategoryButton", "click", function( ) {
setScreen("searchScreen");
});
onEvent("salaryInput", "change", function( ) {
console.log("Selected option: " + getText("salaryInput"));
});