Introduced result counting

This commit is contained in:
Florian SYLVAIN
2021-10-29 15:31:18 +02:00
parent 0f425bb06a
commit a1a830a03b
2 changed files with 9 additions and 5 deletions
+8 -5
View File
@@ -1,26 +1,29 @@
let authorName = "";
function requestToApi(author) { function requestToApi(author) {
authorName = author
fetch(`api.php?author=${author}`) fetch(`api.php?author=${author}`)
.then(response => response.json()) .then(response => response.json())
.then(data => displayResults(data)) .then(data => displayResults(data))
} }
function displayResults(results) { function displayResults(results) {
let count = 0
results.forEach(function(elem) { results.forEach(function(elem) {
let result = document.createElement('div') let result = document.createElement('div')
result.classList.add('result-element') result.classList.add('result-element')
let i = 0 let i = 0
elem.forEach(function(e) { elem.forEach(function(e) {
let child = document.createElement(i === 0 ? 'h1' : 'p') let child = document.createElement(i === 0 ? 'h1' : 'p')
child.innerText = e child.innerText = e
result.appendChild(child) result.appendChild(child)
i += 1 i += 1
}) })
count += 1
document.getElementById('results').appendChild(result) document.getElementById('results').appendChild(result)
}) })
let nb = document.createElement("p")
nb.innerHTML = `Nombre de résultats pour "${authorName}": ${count}.`
document.getElementById('results-count').appendChild(nb)
} }
+1
View File
@@ -20,6 +20,7 @@
} }
} }
?> ?>
<div id="results-count"></div>
<div id="results"></div> <div id="results"></div>
</body> </body>
</html> </html>