How to add links in my list and retrieve the data?

After creating new classroom, the data will then be send to a list as shown on the image

Now, how do I add/make (a) link/s into every classroom so that whenever I click it it will redirect me to a page and show me their specific data like ClassroomID, students, etc.

here's the code:

//retrieving

var userRef = firebase.database().ref().child('Classes' + '/' + user.uid);
userRef.on('child_added', function(data) {

var roomNames = data.val().TheClass;

var ul = document.createElement('ul');
document.getElementById('myList').appendChild(ul);

var li = document.createElement('li');
ul.appendChild(li);
Object.keys(roomNames).forEach(function(key){
    li.innerHTML += roomNames[key];

 });


 });

//adding

function classcreation(q) {
var checkcn = document.getElementById('classroomName').value;
if(checkcn == "" && checkcn == null){
alert("Empty Class Name!!");
 }else {
var usuid = generateId();
var myClasses={};
myClasses.TheClass = document.getElementById('classroomName').value;
myClasses.Teacher = user.displayName;
myClasses.TeacherID = user.uid;
myClasses.ClassID = usuid;
fbclass.child(user.uid).push().set(myClasses);

 }
}


function generateId(){
return 'xxxx-xxxx-xxxx'.replace(/[x]/g, function(){
  return (Math.random() * 9 | 0 ).toString();
})
}