He estado buscando la respuesta a este problema, pero no he encontrado exactamente un problema similar. He creado varios objetos (ob0, ob1, ob2), todos contienen las mismas entradas... pero en cada objeto el valor de las entradas es diferente. es decir, ob0.brand tiene un valor pero oj1.brand tiene un valor diferente. Quiero visualizar la información de los objs en un sitio web. hay un botón de opción que devuelve ob0, ob1 u ob2 según lo que se elija... y en una clase div, se mostrará el contenido de texto del valor de las entradas. el valor de los botones de radio se denomina var objSelc e intente usar documentselctor para mostrar ojbSelc.brand de modo que lo que el usuario seleccione represente obj0.brand u obj1.brand, etc. Sin embargo, esto devuelve un error. ¿Quizás no es posible usar una var como el nombre de un objeto? o que solucion me habria?? Por cierto, soy un primer mes de aprendizaje de nivel 0.1. Cualquier ayuda será apreciada. aquí está el fragmento de código en cuestión:

así que aquí hay, por ejemplo, un inventario de una bicicleta y los diferentes componentes, pastillas de freno, neumáticos, cadena, etc. Hice diferentes copias de estos, pero reemplacé la información del contenido.

 let UA = { brakes: "shimano b10s", backTire: " Bigben 26", frontTire: "bigben 20", bikeChain: " 1/32 single speed", motorBrand: " Bosch Intuvia, cargoline", }; let cargoCarla = { breaks: "shimano b10s", backTire: "big apple 24", frontTire: "big apple 20", bikeChain: "na", motorBrand: "na", };

Aquí viene una entrada de usuario de los botones de opción del sitio HTML

 var form = document.querySelector("form"); var log = document.querySelector("#log"); form.addEventListener( "submit", function (event) { var data = new FormData(form); var output = ""; for (const entry of data) { output = output + entry[0] + "=" + entry[1] + "\r"; } // log.innerText = output; event.preventDefault(); var splitOut = output.split("="); var bikeSelc = splitOut[1].toString(); showComponent.textContent = bikeSelc.brakes; }, false );

De hecho, bikeSelc produce UA o cargoCarla según cuál se haya seleccionado. pero bikeSelc.brakes no produce un resultado, por lo que JS no lee el valor de bikeSelc cuando se agrega a.brakes. aunque consel.log da la variable adecuada.

 showComponent.textContent = UA.brakes;

Esto fue solo mi codificación para ver cómo se vería en el DOM