Tengo problemas para realizar lo que me están pidiendo, en cuanto a crear una agenda, me piden que realice una página donde existe un botón enviar el que hará que los primeros datos que el recibe se conviertan en el usuario y contraseña para acceder a la siguiente parte de mi agenda, lo que pasa que en cuanto yo intento realizar esto sólo logro hacer algo que se esta sustituyendo constantemente, no se como crear esta acción de que la primera vez se guarde el usuario y clave, se limpien las casillas y luego tenga que poner los datos de mi primer ingreso para poder acceder de lo contrario me tiene que salir un mensaje de usuario o claves no válidos. También me piden otras validaciones, pero lo más importante que quiero aprender es lo de el registro que no se sustituya con los nuevos valores que yo ponga, como última cosa también debe redireccionar a la página del formulario cuando los datos de inicio sean correctos. (esta función no me la ha explicado mi maestro así que pido ayuda, disculpen si es muy insensato de mi parte pero no tengo noción de como hacerlo).
Acá dejare algo de código que estaba pensando como hacerlo.
También dejaré algunas imágenes del enunciado que me proporcionaron por si acaso no me he explicado bien.
.
Java Script
function enviar()
{
let nombre=document.getElementById("nombre").value;
let clave=document.getElementById("clave").value;
if(nombre.length < 1 || clave.length < 1)
alert("Complete correctamente los campos");
else{
alert("Usuario Registrado");
document.getElementById("nombre").value = "";
document.getElementById("nombre").value = "";
var rnombre=nombre;
var rclave=clave;
}
if(nombre!=rnombre || clave!=rclave){
alert("nombre de usuario o clave incorrecta");
}
}