Llevo ratos intentando pasar este Jquery a Js pero no logro tener exito. Este es el codigo
<h:body onload="ocultarSegunRol()">
<h:form style=" display: none" id="formRol">
<h:commandButton id="rol" value="#{usuarioController.ocultar()}" />
</h:form>
<li id="li_supervisor">
opcion supervisor
</li>
<li id="li_vendedor">
opcion vendedor
</li>
</h:body>
<script>
function ocultarSegunRol(){
var valorRol=document.getElementById("formRol:rol").value;
if(valorRol==="[1]"){
$("#li_vendedor").css( "display", "none" );
}
if(valorRol==="[2]"){
$("#li_supervisor").css( "display", "none" );
}
}
</script>
Por favor necesito pasar esto a Js puro porque me esta dando pobrema usar Jquery en jsf, estoy usando templates.