Envoi du js vers un fichier externe
This commit is contained in:
@@ -22,58 +22,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
<script src="mementomori.js"></script>
|
||||||
<script>
|
<script>
|
||||||
const nbdecades = 8;
|
|
||||||
const yearperbloc = 10;
|
|
||||||
const nbsemainesperyear = 52;
|
|
||||||
var nbsemaines = 100;
|
var nbsemaines = 100;
|
||||||
remplir(nbsemaines);
|
remplir(nbsemaines);
|
||||||
function remplir(nbsemaines)
|
|
||||||
{
|
|
||||||
var cptsemaine = 0;
|
|
||||||
var cptyear = 0;
|
|
||||||
for(var i = 0; i < nbdecades; i++)
|
|
||||||
{
|
|
||||||
var body = document.getElementById('calendar');
|
|
||||||
var divboxes = document.createElement('div');
|
|
||||||
divboxes.classList.add("boxes");
|
|
||||||
var divdecade = document.createElement('div');
|
|
||||||
divdecade.classList.add("decade");
|
|
||||||
var divyear = document.createElement('div');
|
|
||||||
divyear.classList.add("year");
|
|
||||||
|
|
||||||
body.append(divdecade);
|
|
||||||
divdecade.append(divboxes);
|
|
||||||
|
|
||||||
for(var a = 0; a < yearperbloc; a++)
|
|
||||||
{
|
|
||||||
for(var b = 0; b < nbsemainesperyear + 1; b++)
|
|
||||||
{
|
|
||||||
var divbox = document.createElement('div');
|
|
||||||
if(b == nbsemainesperyear / 2)
|
|
||||||
divbox.classList.add("box-break");
|
|
||||||
else
|
|
||||||
divbox.classList.add("box");
|
|
||||||
if(cptsemaine < nbsemaines)
|
|
||||||
divbox.classList.add("enabled");
|
|
||||||
divboxes.append(divbox);
|
|
||||||
cptsemaine++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
divdecade.append(divyear);
|
|
||||||
|
|
||||||
for(a = 0; a < 3; a++)
|
|
||||||
{
|
|
||||||
var spanyear = document.createElement('span');
|
|
||||||
|
|
||||||
if(a != 0)
|
|
||||||
{
|
|
||||||
cptyear += 5;
|
|
||||||
spanyear.textContent = cptyear;
|
|
||||||
}
|
|
||||||
divyear.append(spanyear);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
52
mementomori.js
Normal file
52
mementomori.js
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
const nbdecades = 8;
|
||||||
|
const yearperbloc = 10;
|
||||||
|
const nbsemainesperyear = 52;
|
||||||
|
|
||||||
|
function remplir(nbsemaines)
|
||||||
|
{
|
||||||
|
var cptsemaine = 0;
|
||||||
|
var cptyear = 0;
|
||||||
|
for(var i = 0; i < nbdecades; i++)
|
||||||
|
{
|
||||||
|
var body = document.getElementById('calendar');
|
||||||
|
var divboxes = document.createElement('div');
|
||||||
|
divboxes.classList.add("boxes");
|
||||||
|
var divdecade = document.createElement('div');
|
||||||
|
divdecade.classList.add("decade");
|
||||||
|
var divyear = document.createElement('div');
|
||||||
|
divyear.classList.add("year");
|
||||||
|
|
||||||
|
body.append(divdecade);
|
||||||
|
divdecade.append(divboxes);
|
||||||
|
|
||||||
|
for(var a = 0; a < yearperbloc; a++)
|
||||||
|
{
|
||||||
|
for(var b = 0; b < nbsemainesperyear + 1; b++)
|
||||||
|
{
|
||||||
|
var divbox = document.createElement('div');
|
||||||
|
if(b == nbsemainesperyear / 2)
|
||||||
|
divbox.classList.add("box-break");
|
||||||
|
else
|
||||||
|
divbox.classList.add("box");
|
||||||
|
if(cptsemaine < nbsemaines)
|
||||||
|
divbox.classList.add("enabled");
|
||||||
|
divboxes.append(divbox);
|
||||||
|
cptsemaine++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
divdecade.append(divyear);
|
||||||
|
|
||||||
|
for(a = 0; a < 3; a++)
|
||||||
|
{
|
||||||
|
var spanyear = document.createElement('span');
|
||||||
|
|
||||||
|
if(a != 0)
|
||||||
|
{
|
||||||
|
cptyear += 5;
|
||||||
|
spanyear.textContent = cptyear;
|
||||||
|
}
|
||||||
|
divyear.append(spanyear);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user