Skip to content

Instantly share code, notes, and snippets.

@384400 384400/-print.md
Created Aug 9, 2016

Embed
What would you like to do?

A compléter ultérieurement

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation continue qui s'affichent en fin de document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-2 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-3 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Alphonse Allais</div>
<div class="note-content-3"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'end'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation continue qui s'affichent en fin de page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-2 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-3 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Alphonse Allais</div>
<div class="note-content-3"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'foot'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation séquentielle qui s'affichent en fin de document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-1 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-2 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'end'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation séquentielle qui s'affichent en fin de page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-1 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-2 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'foot'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.