How to add links in every data of my list?

问题

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

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);

    }
}

回答1:

You can specify like this:

<li><a href="#redirect">BSIT</a></li>
<li><a href="#redirect">BSCS</a></li>
<li><a href="#redirect">BSCE</a></li>

Here, redirect is the partial html where you will land after click on list item text..

I hope this will be helpful to you

来源：https://stackoverflow.com/questions/52443774/how-to-add-links-in-every-data-of-my-list

标签

javascript

firebase

web

firebase-realtime-database