Está é a codificação javascript do projeto VoteScript uma simulação de uma urna onde os dados são armazenados no cliente com LocalStorad. O projeto estava indo legal, mas por falhas de organização, intendimento e comentários fiquei perdido entre as linhas da minha própria criação. Acho que para retomar este projeto só reescrevendo todo o código …

gistfile1.js

/*Core de funcionamento do Software VoteScript
Grupo de estudos: cssshark.wordpress.com
Autor:Valdiney França
Data:02/01/2013
*/

window.onload = function(){

$(document).ready(function(){
var audioElement = document.createElement('audio');
  audioElement.setAttribute('src', 'som/som.ogg');
	audioElement.load()
	audioElement.addEventListener("load", function() { 
		audioElement.play(); 
		$(".duration span").html(audioElement.duration);
		$(".filename span").html(audioElement.src);
	}, true);//fim audio comfirmar
	
	
	var audio_clickElement = document.createElement('audio');
	audio_clickElement .setAttribute('src', 'som/click.ogg');
	audio_clickElement .load()
	audio_clickElement .addEventListener("load", function() { 
		audio_clickElement.play(); 
		$(".duration span").html(audio_clickElement .duration);
		$(".filename span").html(audio_clickElement .src);
	}, true);//fim audio click 

	
var um = document.getElementById('um').onclick = function(){
 manterNum(1);
 audio_clickElement.play(); 
 Display_message.none_message();
}
var dois = document.getElementById('dois').onclick = function(){
 manterNum(2);
 audio_clickElement.play();
 Display_message.none_message();
}
var tres = document.getElementById('tres').onclick = function(){
 manterNum(3);
 audio_clickElement.play();
 Display_message.none_message();
}
var quatro = document.getElementById('quatro').onclick = function(){
 manterNum(4);
 audio_clickElement.play();
 Display_message.none_message();
}
var cinco = document.getElementById('cinco').onclick = function(){
 manterNum(5);
 audio_clickElement.play();
 Display_message.none_message();
}
var seis = document.getElementById('seis').onclick = function(){
 manterNum(6);
 audio_clickElement.play();
 Display_message.none_message();
}
var sete = document.getElementById('sete').onclick = function(){
 manterNum(7);
 audio_clickElement.play();
 Display_message.none_message();
}
var oito = document.getElementById('oito').onclick = function(){
 manterNum(8);
 audio_clickElement.play();
 Display_message.none_message();
}
var nove = document.getElementById('nove').onclick = function(){
 manterNum(9);
 audio_clickElement.play();
 Display_message.none_message();
}
var zero = document.getElementById('zero').onclick = function(){
 manterNum(0);
 audio_clickElement.play();
 Display_message.none_message();
}
//limpa a variavel tela
var tela = document.getElementById('tela').value ='';
function manterNum(num){//função ordena os números na tela
 document.getElementById('tela').value = document.getElementById('tela').value + num;
 }

var corrige = document.getElementById('corrige').onclick = function(){
document.getElementById('tela').value ='';
Display_message.message_corrige();
Display_message.show_message();
}

Display_message = {
show_message:function(){
return document.getElementById('message').style.display ="block";
 },
none_message:function(){
return document.getElementById('message').style.display ="none";
 },
message_corrige:function(){
return document.getElementById('message').innerHTML ="<span class=corrige> Apertou em Corrige:</span> "+"Redigite os números";
 },
limpa_tela:function(){
return document.getElementById('tela').value='';
  }
}//fim objeto
var nomes =["VoteScript"];//Vetor Guarda os nomes
 var cadastra = document.getElementById('cadastra').onclick = function(){

//Atribuindo nomes a cada posição do vetor
nomes[0]= document.getElementById('candidato1').value;
nomes[1]= document.getElementById('candidato2').value;
nomes[2]= document.getElementById('candidato3').value;
nomes[3]= document.getElementById('candidato4').value;
alert("Candidatos: "+nomes[0]+": Chave = 1313 "+nomes[1]+": Chave = 1215 "+nomes[2]+": Chave = 1516 "+nomes[3]+": Chave = 2113 ");

//LocalStored grava localmente os nomes dos candidatos
localStorage.setItem('candidato1',nomes[0]);
localStorage.setItem('candidato2',nomes[1]);
localStorage.setItem('candidato3',nomes[2]);
localStorage.setItem('candidato4',nomes[3]);
}//fim cadastra

var contar =[0,0,0,0];//vetor armazena contagem de votos
var contar_branco =[0];//armazena votos em branco
var grafico =[20,20,20,20];
	   
	   //vetor armazena andamento dos graficos
var confirmar = document.getElementById('confirmar').onclick = function(){
var tela = document.getElementById('tela').value;

//Condicionais checam as chaves de votação é incrementam um a cada candidato votado 

var progresso1 = grafico[0]+"px";
var progresso2 = grafico[1]+"px";
var progresso3 = grafico[2]+"px";
var progresso4 = grafico[3]+"px";

if(tela==1313){
 contar[0]+=1;
 audioElement.play();//chama a função que toca o audio
 Display_message.limpa_tela();
 alert("Obrigado pelo voto");
 localStorage.setItem('votosCandidato1',contar[0]);
 
grafico[0]+=1;
document.getElementById('divprogresse1').style.height =progresso1;
document.getElementById('pProgesso1').innerHTML = grafico[0]+"%";
 }
 else if(tela==1215){
  contar[1]+=1;
  audioElement.play();
  Display_message.limpa_tela();
  alert("Obrigado pelo voto");
  localStorage.setItem('votosCandidato2',contar[1]);
  
grafico[1]+=1;
document.getElementById('divprogresse2').style.height =progresso2;
document.getElementById('pProgesso2').innerHTML = grafico[1]+"%"; 
  } 
 else if(tela==1516){
  contar[2]+=1;
  audioElement.play();
  Display_message.limpa_tela();
  alert("Obrigado pelo voto");
  localStorage.setItem('votosCandidato3',contar[2]);
  
grafico[2]+=1;
document.getElementById('divprogresse3').style.height =progresso3;
document.getElementById('pProgesso3').innerHTML = grafico[2]+"%";
  }
 else if(tela==2113){
  contar[3]+=1;
  audioElement.play();
  Display_message.limpa_tela();
  alert("Obrigado pelo voto");
  localStorage.setItem('votosCandidato4',contar[3]);
  
grafico[3]+=1;
document.getElementById('divprogresse4').style.height =progresso4;
document.getElementById('pProgesso4').innerHTML = grafico[3]+"%";  
  }else{
   alert("Não tem nenhum candidato com essa chave de votação");
   Display_message.limpa_tela();
   }//fim condicional de votação
function votation(){//Moatra os dado no menu contar votos
document.getElementById('nomes1').innerHTML ="<span>"+nomes[0]+"</span>"+" Recebeu "+"<b>"+contar[0]+"</b>"+" Votos";
document.getElementById('nomes2').innerHTML ="<span>"+nomes[1]+"</span>"+" Recebeu "+"<b>"+contar[1]+"</b>"+" Votos";
document.getElementById('nomes3').innerHTML ="<span>"+nomes[2]+"</span>"+" Recebeu "+"<b>"+contar[2]+"</b>"+" Votos";
document.getElementById('nomes4').innerHTML ="<span>"+nomes[3]+"</span>"+" Recebeu "+"<b>"+contar[3]+"</b>"+" Votos";
 }
votation();//chama função
Display_message.none_message();
}//fim confirmar 
  
var em_branco = document.getElementById('branco').onclick = function(){
contar_branco[0]+=1;
localStorage.setItem('emBranco',contar_branco[0]);
audioElement.play();
Display_message.none_message();
Display_message.limpa_tela();
document.getElementById('votos_embranco').innerHTML ="Votos em Branco = "+"<b>"+contar_branco[0]+"</b>";
alert("Obrigado pelo voto");
}//fim branco

function resultado(){
document.getElementById('nomes1').innerHTML =nomes[0]+" Recebeu "+contar[0];
}

var intervalo = window.setInterval(chamar,0000);
function chamar(){
var tela = document.getElementById('tela').value;
if(tela==1313){
Display_message.show_message();
document.getElementById('message').innerHTML =nomes[0];
}//
else if(tela==1215){
Display_message.show_message();
document.getElementById('message').innerHTML =nomes[1];
}//
else if(tela==1516){
Display_message.show_message();
document.getElementById('message').innerHTML =nomes[2];
}//
else if(tela==2113){
Display_message.show_message();
document.getElementById('message').innerHTML =nomes[3];
}//
else{
clearInterval(chamar);
}
 }//fim função chamar
 
 function mostra_votation_anterior(){ 
var votos_branco = localStorage.getItem('emBranco');
var nome_c1 = localStorage.getItem('candidato1');
var voto_c1 = localStorage.getItem('votosCandidato1');
var nome_c2 = localStorage.getItem('candidato2');
var voto_c2 = localStorage.getItem('votosCandidato2');
var nome_c3 = localStorage.getItem('candidato3');
var voto_c3 = localStorage.getItem('votosCandidato3');
var nome_c4 = localStorage.getItem('candidato4');
var voto_c4 = localStorage.getItem('votosCandidato4');

if(votos_branco || nome_c1 || voto_c1 || nome_c2 || voto_c2 || nome_c3 || voto_c3 || nome_c4 || voto_c4){
document.getElementById('nome_and_votoC1').innerHTML ="Votos em Branco = "+votos_branco+"<br><br>"+nome_c1+" (Votos)= "+voto_c1 +"<br>"+ nome_c2+" (Votos)= "+voto_c2+"<br>"+ nome_c3+" (Votos)= "+voto_c3+"<br>"+ nome_c4+" (Votos)= "+voto_c4; 
document.getElementById('se_temcadastrado').innerHTML ="<b>Atenção:</b><p class=p_important>O programa detectou cadastros da Votação Anterior, se desejas realizar outra eleição delete os cadastros atuais.<br><br></p> "+"Votos em Branco = "+votos_branco+"<br><br>"+nome_c1+" (Votos)= "+voto_c1 +"<br>"+ nome_c2+" (Votos)= "+voto_c2+"<br>"+ nome_c3+" (Votos)= "+voto_c3+"<br>"+ nome_c4+" (Votos)= "+voto_c4;


/*função deletar_stored deleta todos os dados 
do localStored, ou seja, todos os dados
*/
var deletar_stored = document.getElementById('deletar_stored').onclick = function(){
localStorage.removeItem('emBranco',contar_branco[0]);
localStorage.removeItem('votosCandidato1',contar[0]);
localStorage.removeItem('votosCandidato2',contar[1]);
localStorage.removeItem('votosCandidato3',contar[2]);
localStorage.removeItem('votosCandidato4',contar[3]);

localStorage.removeItem('candidato1',nomes[0]);
localStorage.removeItem('candidato2',nomes[1]);
localStorage.removeItem('candidato3',nomes[2]);
localStorage.removeItem('candidato4',nomes[3]);
alert("Cadastro removido com Exito!");
document.getElementById('nome_and_votoC1').style.display="none";
document.getElementById('deletar_stored').style.display="none";
document.getElementById('se_temcadastrado').style.display="none";
}//deletar stored
 }else{
document.getElementById('nome_and_votoC1').innerHTML ="Nenhum cadastro da votação anterior";
document.getElementById('deletar_stored').style.display="none";
}
 }//fim função	
mostra_votation_anterior();//chama função
//deletar_stored();//chama a função deletarstored


  });//fim jquery
};//fim window