Filtru pentru retete

prody

member
Scor reacție
0
Cod:
javascript:var recipes = [];
// written by prody (18/10/2023)
$('.revealed').each(function() {
    var materials = '';
    $(this).find('img').each(function() {
        var dataTitle = $(this).attr('data-title');
        if (dataTitle.indexOf('<p>') === -1) {
            materials += dataTitle + ' + ';
        }
    });
    materials = materials.slice(0, -3);
    var itemDetails = $(this).find('td').eq(3).find('img').attr('data-title').replace(/<p>/g, ' ').replace(/<\/p>/g, ' ').trim();
    recipes.push(materials + ' = ' + itemDetails);
});
var contentDiv = document.getElementById('content_value');
var resultsDiv = document.createElement('div');
var displayButton = document.createElement('button');
var searchField = document.createElement('textarea');
displayButton.style.display = 'block';
displayButton.style.margin = '20px 50px';
displayButton.textContent = 'search recipe';
contentDiv.prepend(resultsDiv);
contentDiv.prepend(displayButton);
contentDiv.prepend(searchField);
displayButton.onclick = function() {
    var searchTerm = searchField.value.trim();
    var filteredRecipes = recipes.filter(function(recipe) {
        return recipe.toLowerCase().includes(searchTerm.toLowerCase());
    });
    var recipesString = filteredRecipes.join('<br><br>');
    resultsDiv.innerHTML = "Rezultatele cautarii:<br><br>" + recipesString;
};
am scris un script special pentru evenimentul curent, Nicovala Regelui Mercenar, pentru cei care nu au rabdare sa caute printre zecile de retete.
se foloseste in pagina de retete, unde apare un search bar si poti filtra dupa cuvinte precum "topor", "spada", "atac", etc.
 
Sus