“suggeriments autom\u00e0tics” o “auto-compleci\u00f3”. Aquest m\u00e8tode es pot implementar en cercadors de diccionaris i altres aplicacions web per a oferir suggeriments mentre l’usuari escriu.<\/p>\n\n\n\n
Per crear aquest efecte, pots utilitzar JavaScript amb una base de dades que contingui les paraules i les seves definicions. Aqu\u00ed tens un exemple b\u00e0sic utilitzant JavaScript i HTML:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n <title>Auto-compleci\u00f3<\/title>\n <style>\n .suggestions {\n border: 1px solid #ccc;\n max-height: 150px;\n overflow-y: auto;\n position: absolute;\n background-color: white;\n }\n .suggestion-item {\n padding: 10px;\n cursor: pointer;\n }\n .suggestion-item:hover {\n background-color: #ddd;\n }\n <\/style>\n<\/head>\n<body>\n <input type=\"text\" id=\"search\" placeholder=\"Escriu per cercar...\" oninput=\"showSuggestions(this.value)\">\n <div id=\"suggestions\" class=\"suggestions\"><\/div>\n\n <script>\n const dictionary = ['calamar', 'calamarsa', 'calamarsada', 'calamarsejar', 'calamar', 'calamars'] \/\/ Afegeix m\u00e9s paraules aqu\u00ed\n \n function showSuggestions(query) {\n const suggestionsContainer = document.getElementById('suggestions');\n suggestionsContainer.innerHTML = ''; \/\/ Neteja les suggeriments anteriors\n if (query.length > 0) {\n const filteredWords = dictionary.filter(word => word.startsWith(query));\n filteredWords.forEach(word => {\n const suggestionItem = document.createElement('div');\n suggestionItem.textContent = word;\n suggestionItem.className = 'suggestion-item';\n suggestionItem.onclick = () => selectSuggestion(word);\n suggestionsContainer.appendChild(suggestionItem);\n });\n }\n }\n\n function selectSuggestion(word) {\n const searchInput = document.getElementById('search');\n searchInput.value = word;\n document.getElementById('suggestions').innerHTML = ''; \/\/ Neteja les suggeriments despr\u00e9s de seleccionar una\n }\n <\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"“suggeriments autom\u00e0tics” o “auto-compleci\u00f3”. Aquest m\u00e8tode es pot implementar en cercadors de diccionaris i altres aplicacions web per a oferir suggeriments mentre l’usuari escriu. Per crear aquest efecte, pots utilitzar JavaScript amb una base de dades que contingui les paraules … Continua llegint