Untitled

// Array para armazenar as cores das miçangas da pulseira
let coresPulseira = [];

// Função para adicionar uma nova miçanga à pulseira
function adicionarMicanga() {
    // Obtém a cor selecionada pelo usuário
    const cor = document.getElementById('cor-micanga').value;
    // Adiciona a cor selecionada ao array coresPulseira
    coresPulseira.push(cor);
    // Atualiza a exibição da pulseira
    atualizarExibicaoPulseira();
}

// Função para limpar a pulseira
function limparPulseira() {
    // Limpa o array coresPulseira
    coresPulseira = [];
    // Atualiza a exibição da pulseira
    atualizarExibicaoPulseira();
}

// Função para atualizar a exibição da pulseira
function atualizarExibicaoPulseira() {
    // Obtém o elemento que contém a sequência de miçangas
    const sequenciaPulseira = document.getElementById('sequencia-pulseira');
    // Limpa a exibição atual
    sequenciaPulseira.innerHTML = '';
    // Itera sobre cada cor no array coresPulseira
    coresPulseira.forEach(cor => {
        // Cria um novo elemento div para a miçanga
        const micanga = document.createElement('div');
        // Adiciona a classe 'micanga' ao elemento div
        micanga.className = 'micanga';
        // Define a cor de fundo do elemento div como a cor da miçanga
        micanga.style.backgroundColor = cor;
        // Adiciona o elemento div à sequência de miçangas
        sequenciaPulseira.appendChild(micanga);
    });
}

// Função para salvar a pulseira no localStorage
function salvarPulseira() {
    // Converte o array coresPulseira para uma string JSON e salva no localStorage
    localStorage.setItem('coresPulseira', JSON.stringify(coresPulseira));
    // Exibe uma mensagem de alerta para o usuário
    alert('Pulseira salva com sucesso!');
}

// Função para carregar a pulseira salva do localStorage
function carregarPulseira() {
    // Obtém a string JSON do localStorage e converte de volta para um array
    const coresSalvas = JSON.parse(localStorage.getItem('coresPulseira'));
    // Verifica se há uma pulseira salva
    if (coresSalvas) {
        // Se houver, atualiza o array coresPulseira com os dados salvos
        coresPulseira = coresSalvas;
        // Atualiza a exibição da pulseira
        atualizarExibicaoPulseira();
        // Exibe uma mensagem de alerta para o usuário
        alert('Pulseira carregada com sucesso!');
    } else {
        // Se não houver, exibe uma mensagem de alerta para o usuário
        alert('Nenhuma pulseira salva encontrada.');
    }
}