Soy nuevo en javascript, y estaba intentando y probando con esto, pero algo está mal, quiero hacer que el botón de opción marcado sea rojo, negro, verde y azul, pero no sé cómo usar JavaScript.
<table> <B id="grandezza1">Colore Testo :</B> </table> <p style="color:blue" id="colore"> <br> Nero   <INPUT type="radio" name="colore" value="Nero" onclick="cambiaColore()" checked> <BR> Rosso <INPUT type="radio" name="colore" value="Rosso" onclick="cambiaColore()"> <BR> Verde <INPUT type="radio" name="colore" value="Verde" onclick="cambiaColore()"> <BR> Blue   <INPUT type="radio" name="colore" value="Blue" onclick="cambiaColore()"> <BR> </P>
function cambiaColore(){ document.getElementById("area").style.color = $('input[name="radioC"]:checked').val(); }
No puede cambiar el color de un botón de opción. Puedes cambiar el color de la etiqueta.
En su código, está mezclando DOM (document....) con jQuery ($(...)) que no es una gran idea. También te faltaba la biblioteca jQuery.
También tu nombre era colore y no radioC
Aquí delego el clic del contenedor
También arreglé tu HTML inválido.
const cambiaColore = () => { document.querySelectorAll("#colore input[type=radio]").forEach(rad => rad.closest("label").classList.toggle(rad.value, rad.checked)) } document.getElementById("colore").addEventListener("click", cambiaColore); cambiaColore(); // initialise
.Nero { background-color: black; color: white } .Rosso { background-color: red; color: yellow } .Verde { background-color: green; color: yellow } .Blu { background-color: blue; color: yellow }
<b id="grandezza1">Colore Testo :</b> <p style="color:blue" id="colore"> <label>Nero <input type="radio" name="colore" value="Nero" checked /></label><br/> <label>Rosso <input type="radio" name="colore" value="Rosso" /></label><br/> <label>Verde <input type="radio" name="colore" value="Verde" /></label><br/> <label>Blu <input type="radio" name="colore" value="Blu" /></label><br/> </p>