Tengo algunos problemas para intentar obtener varios valores de casilla de verificación. Actualmente está funcionando, solo que no de la manera que quería/esperaba que lo hiciera. En este momento, todo lo marcado se adjunta en la parte inferior del cuerpo y no está en línea con la función en la que se pretendía insertar.
Estoy tratando de evitar usar JQuery o cualquier cosa excepto JavaScript, ya que es todo lo que hemos cubierto actualmente en nuestra clase.
function favMedia(media){ var media = document.forms['mediapref']['media'].value; return media; } function pets(pet){ var pet = document.getElementsByName('pets') for (var checkbox of pet){ if (checkbox.checked) document.body.append(checkbox.value + ' '); } } function about(text){ var info = document.forms['personal']['about'].value; return info; } function infoForm(media, pet, text){ document.getElementById('infoset').innerHTML = favMedia(media) + "<br>" + pets(pet) + "<br>" + about(text); }¿Hay alguna forma en que pueda asignarlo solo a una sola variable para devolver y luego lanzar la última función?
También por favor denme algún consejo o mejora en cualquier aspecto de las funciones si tienen alguna.
Póngalo en una cadena que devuelva de la función.
function pets(pet) { var pet = document.querySelector('[name="pets":checked'); let selected = [...pet].map(p => p.value); return selected.join(', '); }