SAT

Ocultar o activar secciones

css:

.activo{
display: inline;
}

.oculto{
display: none;
}

html:

<atributo class=”activo/oculto”>

FUNCION:

function show(c){

let s1 = document.getElementById(“section-1”);
let menu1 = document.getElementById(“menu-1”);
let activar = document.getElementById(“section-”+c);

s1.classList.add(“oculto”);

activar.classList.remove(“oculto”);

!!!!!!

while(menu3.classList != "activo"){
    
        menu1.classList.remove("activo");
        menu2.classList.add("activo");
}

Formularios

html:

<form action=”web indicada” method=”metodo dado” name=”login”>

<label>Nombre <input type=”text” id=”nombre></label>

 Alinear formularios

css:

input[type=”text”]{
padding:5px;
margin-bottom: 10px;
}

Definir json

let a= document.forms.login.a.value;
    let b= document.forms.login.b.value;
    let json={
        "a":a,
        "b":b
  }

Menu logueado

let menu1=document.getElementById("menu-1");
   let menu2=document.getElementById("menu-2");
   let menu3=document.getElementById("menu-3");
    menu1.classList.remove("activo");
    menu2.classList.remove("activo");
    menu3.classList.remove("oculto");
    menu1.classList.add("oculto");
    menu2.classList.add("oculto");
    menu3.classList.add("activo");

    show(3);

Funcion entrar

function entrar(){

    let user= document.forms.login.user.value;

    let password= document.forms.login.password.value;
    let json={
        "user":user,
        "password":password
  }
    console.log("Haciendo login al usuario " +user);

    let conn= new XMLHttpRequest();

    conn.onreadystatechange = function(){
        if(conn.readyState == 4){
            switch(conn.status){
             case 200:
                alert("Sesion");
                currentUser=user;
                menuLogueado();
                console.log("Datos enviados correctamente");

            case 401:
                console.log("Fallo de autentificación");

            case 500:
                console.log("Fallo de conexión");
}
}
}
conn.open("POST","http://labtelema.ujaen.es:8083/login");
conn.setRequestHeader("Content-Type", "application/json");
conn.send(JSON.stringify(json));
}