rendering.js

function renderSuggestion(suggestedBeer, selector) {
    var suggestionEl = document.querySelector(selector);
    if (suggestedBeer === null) {
        suggestionEl.style.visibility = 'hidden';
    } else {
        suggestionEl.style.visibility = 'visible';
        var usernameEl = suggestionEl.querySelector('.username');
        usernameEl.textContent = suggestedBeer.name;
        var imgEl = suggestionEl.querySelector('img');
        imgEl.src = suggestedBeer.image_url;
        var descriptionEl = suggestionEl.querySelector('.description');
        descriptionEl.textContent = suggestedBeer.description;

    }
}

suggestion1Stream.subscribe(function (suggestedBeer) {
    renderSuggestion(suggestedBeer, '.suggestion1');
});

suggestion2Stream.subscribe(function (suggestedBeer) {
    renderSuggestion(suggestedBeer, '.suggestion2');
});

suggestion3Stream.subscribe(function (suggestedBeer) {
    renderSuggestion(suggestedBeer, '.suggestion3');
});