JSFiddle - React, Tailwind, and code Playground

by Ingvi Jonasson

HTML

<div id="text">ble</div>

JavaScript

var html = "";
var search = "";
var students = [{
    name: "Karl",
    track: "Java",
    achievements: 50,
    points: 4543
}, {
    name: "Magnus",
    track: "Javascript Advance",
    achievements: 12,
    points: 1200
}, {
    name: "Ingvi",
    track: "Front end",
    achievements: 30,
    points: 3999
}, {
    name: "Leopold",
    track: "Angularjs",
    achievements: 2,
    points: 34
}, {
    name: "Ingvi",
    track: "HTML & CSS for beginners",
    achievements: 1,
    points: 12
}];

function print(el, message) {
    document.getElementById(el).innerHTML = message;
}

function getStudentReport(stud) {
    var report = '<h4>Student: ' + stud.name + '</h4>';
    report += '<p>Track: ' + stud.track + '</p>';
    report += '<p>Points: ' + stud.points + '</p>';
    report += '<p>Achievements: ' + stud.achievements + '</p>';
    return report;
}

while (true) {
    
    search = prompt('Search for a student name (ex.Ingvi) or type quit');

    if (prompt === null || search.toLowerCase() === "quit") {
        break;
    }
	
    var studentFound = false;
    
    for (var i = 0; i < students.length; i++) {
        var stud = students[i];

        if (search == stud.name) {
            html += getStudentReport(stud);
            print('text', html);
            studentFound = true;
        }
        
        if (!studentFound) {
        	print('text', "Sorry <b>" + search + "</b> not found");
        }
    }
    
    html = "";
}