javascript Exibir aniversario

[SHARKMASTER 142]

Como exibo com java script o mes de meu nascimento, no caso 27 de junho de 1993.

 

Tenho que usar esse codigo como base, podendo mudar so o arquivo atividade.js

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Alguém tem uma luz de como faz mais ou menos?

[Cr4cko 1215]

Segue um exemplo. Só não entendi o porque dos THEADs com data da semana. E pra identificar se o dia do proximo aniversario dele vai cair no dia da semana ai? Explique melhor. Em todo caso, segue o codigo onde eu crio 2 registros contendo um NOME e Data de nascimento formatada. Depois eu jogo dentro do TBODY da sua tabela.

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[SHARKMASTER 142]

Nessa atividade eu só posso editar o arquivo .js

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Esse é o arquivo .js que eu criei, só que o resultado passa longe do ideal.

 

 

O correto seria exibir um dia abaixo do outro, igual um calendário normal. Alguma dica de onde estou errando?

[Arkanun1000 7091]

Oi, To mexendo no codigo e estou quase lá, ja que a minha praia não é a JS srsrs De repente se o @Cr4cko fizer modificações deva resolver seu problema :D Mas pra isso aparecer tem que trocar o <tr id="exemplo"> para <div id="exemplo"> [HTML]function executar() { //window.alert("Botão clicado!"); var d = document.getElementById("nome"); d.innerHTML = "Johnason Mateus"; var d = document.getElementById("data"); d.innerHTML = "27 de junho de 1993"; // var tempo = new Date(1993,06,01); var _table= " "; var rows= 5; var cols=6; var c= 1; var daysMonth =31; for(var r=0; r<rows; r++){ _table+= "<tr>"; for(var i=0; i<=cols; i++){ if(c<=daysMonth){ _table+= "<td>" + c +"</td>"; }else{ break; } c++; } _table+= "</tr>"; } document.getElementById("exemplo").innerHTML = "<table>" + _table +"</table>"; };[/HTML] O máximo que conseguir deixa foi assim: [IMG]https://image.prntscr.com/image/60i3FGyNQUmLbfMvwQfjEg.png[/IMG] Se colocar essa DIV em baixo de </table> o resultado fica assim [IMG]https://image.prntscr.com/image/I1XY6JciQPOWhuXyPL3vrw.png[/IMG] Sei que ainda não é o ideal, mas vou continuar vendo aqui pra te ajudar!!:cool: Abçs!!!!

[SHARKMASTER 142]

[quote name='Arkanun1000']Oi, To mexendo no codigo e estou quase lá, ja que a minha praia não é a JS srsrs De repente se o @Cr4cko fizer modificações deva resolver seu problema :D Mas pra isso aparecer tem que trocar o <tr id="exemplo"> para <div id="exemplo"> [HTML]function executar() { //window.alert("Botão clicado!"); var d = document.getElementById("nome"); d.innerHTML = "Johnason Mateus"; var d = document.getElementById("data"); d.innerHTML = "27 de junho de 1993"; // var tempo = new Date(1993,06,01); var _table= " "; var rows= 5; var cols=6; var c= 1; var daysMonth =31; for(var r=0; r<rows; r++){ _table+= "<tr>"; for(var i=0; i<=cols; i++){ if(c<=daysMonth){ _table+= "<td>" + c +"</td>"; }else{ break; } c++; } _table+= "</tr>"; } document.getElementById("exemplo").innerHTML = "<table>" + _table +"</table>"; };[/HTML] O máximo que conseguir deixa foi assim: [IMG]https://image.prntscr.com/image/60i3FGyNQUmLbfMvwQfjEg.png[/IMG] Se colocar essa DIV em baixo de </table> o resultado fica assim [IMG]https://image.prntscr.com/image/I1XY6JciQPOWhuXyPL3vrw.png[/IMG] Sei que ainda não é o ideal, mas vou continuar vendo aqui pra te ajudar!!:cool: Abçs!!!![/QUOTE] Valeu pelo esforço, vou estudar o codigo e tentar aqui.

[Cr4cko 1215]

Agora entendi o que você tá precisando... seria um calendário certo? Se você seguir o exemplo do @Arkanun1000 você já tem 90% do caminho andado. Porém você precisa certificar se o dia do mês realmente corresponde ao dia da semana. Com a função [B].getDay()[/B], você pega o dia da semana a partir da data. Por exemplo: [CODE]var date = new Date("2017 08 08") console.log(date.getDay()) //2[/CODE] O resultado 2 equivale ao index da semana. Se voce criar uma função que retorna o nome a partir do Index voce pode ter uma ideia melhor do que significa. [CODE]function weekNameByIndex(index) { var names= ["domingo", "segunda", "terca", "quarta", "quinta", "sexta", "sabado"]; return names[index]; } weekNameByIndex(date.getDay()) //terca[/CODE] Dessa forma voce pode verificar se realmente dia 8 de agosto de 2017 cai numa terça em sua tabela. Abs bons estudos!

[SHARKMASTER 142]

Dei uma mexida e tá dando certo, só que o dia primeiro começa na terça mas mostra no domingo.

 

 

Segue o código

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se