Soy nuevo en la codificación, así que lo siento si hay un error flagrante que me estoy perdiendo. Me aseguré de que ambos archivos estén en la misma carpeta. Enlacé el archivo js al archivo HTML usando la ruta correcta. Me aseguré de que mi navegador tenga habilitado JS para sitios web. El código funciona en violín pero no funciona localmente.
<!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <html> <body> <script type="text/javascript" src="app.js" charset="utf-8"></script> <select id="brands"> <option value="trane">trane</option> <option value="brand2">brand2</option> <option value="brand3">brand3</option> </select> <input id="txtField" type="text" name="b"> <button onClick="check();">submit</button> <div id="result"></div> </body> </html>
var brands = { "trane": tonnageTrane, "brand2": {}, "brand3": {} } var tonnageTrane = { "18": 1, "24": 2, "30": 2.5, "36": 3, "42": 3.5, "48": 4 } function check() { var select = document.getElementById('brands'); var value = select.options[select.selectedIndex].value; var inp = document.getElementById('txtField').value; document.getElementById('result').innerHTML = brands[value][inp.substring(4, 6)]; }editar: agregó la versión de texto del código
Debe escribir su código como se muestra a continuación cuando publique una pregunta o respuesta.
Su código repite su etiqueta HTML dos veces, su etiqueta de secuencia de comandos debe estar en el encabezado y el tonelaje debe estar por encima de las marcas, ya que se usa tonelaje, independientemente de si su código debería funcionar. Lo más probable es que su problema sea que su archivo JavaScript no está en la misma carpeta que su archivo HTML. También puede usar el HTML que hice a partir del suyo a continuación en caso de que haya un problema de sintaxis que no vi; Probé el código y funciona bien. Al depurar su código JavaScript, debe usar la consola del navegador web; te mostrará los errores.
JS:
var tonnageTrane = { "18": 1, "24": 2, "30": 2.5, "36": 3, "42": 3.5, "48": 4 } var brands = { "trane": tonnageTrane, "brand2": "brand2test", "brand3": "brand3test" } function check(){ var select = document.getElementById('brands'); var value = select.options[select.selectedIndex].value; var inp = document.getElementById('txtField').value; document.getElementById('result').innerHTML = brands[value][inp.substring(4, 6)]; }HTML:
<!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="app.js"></script> </head> <body> <select id="brands"> <option value="trane">trane</option> <option value="brand2">brand2</option> <option value="brand3">brand3</option> </select> <input id="txtField" type="text" name="b"> <button onClick="check();">submit</button> <div id="result"></div> </body> </html>Tienes algunos problemas. Primero tienes dos etiquetas de apertura <HTML> . A continuación, le falta una etiqueta <head> .
En cuanto a su secuencia de comandos, debe vincular el archivo JS ÚLTIMO dentro de la etiqueta del cuerpo, así:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> Your HTML Here <script type="text/javascript" src="app.js" charset="utf-8"></script> </body> </html>O dentro de la etiqueta principal, así:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript" src="app.js" charset="utf-8"></script> </head> <body> Your HTML Here </body> </html>