75 lines
1.3 KiB
JavaScript
75 lines
1.3 KiB
JavaScript
// =========================
|
|
// CAMBIAR NOMBRE
|
|
// =========================
|
|
|
|
function cambiarNombre() {
|
|
|
|
const input = document.getElementById("nuevoNombre");
|
|
const nombre = document.getElementById("nombre");
|
|
|
|
const nuevoNombre = input.value.trim();
|
|
|
|
if (nuevoNombre !== "") {
|
|
|
|
nombre.textContent = nuevoNombre;
|
|
|
|
input.value = "";
|
|
}
|
|
}
|
|
|
|
|
|
// =========================
|
|
// BORRAR NOMBRE
|
|
// =========================
|
|
|
|
function borrarNombre() {
|
|
|
|
document.getElementById("nuevoNombre").value = "";
|
|
|
|
}
|
|
|
|
|
|
// =========================
|
|
// ABRIR SELECTOR DE IMAGEN
|
|
// =========================
|
|
|
|
function seleccionarFoto() {
|
|
|
|
document.getElementById("inputFoto").click();
|
|
|
|
}
|
|
|
|
|
|
// =========================
|
|
// CAMBIAR FOTO
|
|
// =========================
|
|
|
|
document.getElementById("inputFoto").addEventListener(
|
|
"change",
|
|
function(event) {
|
|
|
|
const archivo = event.target.files[0];
|
|
|
|
if (archivo) {
|
|
|
|
// Comprobamos que sea una imagen
|
|
if (!archivo.type.startsWith("image/")) {
|
|
|
|
alert("Por favor, selecciona una imagen.");
|
|
|
|
return;
|
|
}
|
|
|
|
|
|
// Creamos una URL temporal
|
|
const imagenURL = URL.createObjectURL(archivo);
|
|
|
|
|
|
// Cambiamos la foto
|
|
document.getElementById("fotoPerfil").src = imagenURL;
|
|
|
|
}
|
|
|
|
}
|
|
);
|