JSFiddle - React, Tailwind, and code Playground

by Owain Stratton

HTML

<div id="output">

</div>

Babel + JSX

var students = [ 
  { 
   name: 'Dave',
    track: 'Front End Development',
    achievements: 158,
    points: 14730
  },
  {
    name: 'Jody',
    track: 'iOS Development with Swift',
    achievements: '175',
    points: '16375'
  },
  {
    name: 'Jordan',
    track: 'PHP Development',
    achievements: '55',
    points: '2025'
  },
  {
    name: 'John',
    track: 'Learn WordPress',
    achievements: '40',
    points: '1950'
  },
  {
    name: 'Trish',
    track: 'Rails Development',
    achievements: '5',
    points: '350'
  }
];


const outputDiv = document.getElementById('output');

const print = message => outputDiv.innerHTML = message;

let response = '';
do {
    response = prompt("Search a name of the student of type 'quit' to exit.");
    //Searches students
    students.forEach( student => {
    	if (response.toLowerCase() === student.name.toLowerCase()) {
            let message = '';

            Object.keys(student).forEach( item => {
                message += `<p>${item}: ${student[item]}\</p>`
            });

            print(message);
            response = 'quit';
      	}
    });
} while (response !== 'quit');