Solo puedo usar HTML, CSS y Javascript para este proyecto. La aplicación es un traductor. Hice la mayor parte, pero tengo un problema con la traducción de la palabra que seleccioné en las sugerencias (creé algo de sugerencia en javascript), traduce el texto cuando lo pongo por mi cuenta, pero sé cómo hacerlo por seleccionándolo en la parte de sugerencias, cualquier ayuda será apreciada. El código HTML está debajo.
function checkfortranslate(){ var input = document.getElementById("input").value; var output = document.getElementById("output"); input = input.toLowerCase(); if(input=="able"){ output.innerHTML = "привет"; } else if(input=="about"){ output.innerHTML = "привет"; } else if(input=="allow"){ output.innerHTML = "привет"; } else if(input=="above"){ output.innerHTML = "благодарю вас"; } else if(input=="abroad"){ output.innerHTML = "привет"; } else if(input=="accident"){ output.innerHTML = "привет"; } } <h2>SIMPLE ENGLISH TRANSLATOR</h2> <form autocomplete="off"> <div> <input id="input" type="text" placeholder="Write text to translate" onkeyup="checkfortranslate()"> <ul class="list"></ul> <div id="output" style="display: inline;">[Translation]</div> </div> </form>Puede usar el elemento de lista de datos html .
<datalist id="input" type="text" placeholder="Write text to translate" onkeyup="checkfortranslate()"> <option value="able"> ... <option value="accident"> </datalist>Editar:
<input id="input" type="text" placeholder="Write text to translate" onkeyup="checkfortranslate()" list="list"> <datalist id="list"> <option value="able"> ... <option value="accident"> </datalist>