Benchmark: display quantity test

HTML Preparation code:

<div class="anime-wrapper active"></div>
<div class="anime-wrapper active"></div>
<div class="anime-wrapper active"></div>
<p id="anime-number"><span id="number"></span> anime</p>

Script Preparation code:

const animeList = [
    {
        level: 'S+',
        imgP: 'center',
        link: 'https://myanimelist.net/anime/21/One_Piece',
        name: 'One Piece',
        tags: ['Action', 'Fantasy', 'Adventure', 'Comedy', 'Drama'],
        quote: {
            content: 'If I die here, then I\'m a man that could only make it this far.',
            author: 'Zoro Roronoa'
        }
    },
    {
        level: 'S+',
        imgP: 'center',
        link: 'https://myanimelist.net/anime/1735/Naruto__Shippuuden',
        name: 'Naruto',
        tags: ['Action', 'Comedy', 'Supernatural'],
    },
    {
        level: 'S',
        imgP: 'center',
        link: 'https://myanimelist.net/anime/223/Dragon_Ball',
        name: 'Dragon Ball',
        tags: ['Action', 'Fantasy', 'Comedy', 'Martial Art', 'Supernatural', 'Adventure', 'Science Fiction'],
    },
  ]

Tests:

case 1
const $ = document.querySelector.bind(document) $('#number').innerText = $$('.anime-wrapper.active').length
case 2
const $ = document.querySelector.bind(document) $('#number').innerText = animeList.filter((a, index) => activeValue(index)).length

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
case 1
case 2

display quantity test (version: 0)

Comparing performance of: case 1 vs case 2

Created: one year ago by: Guest

Jump to the latest result

case 1

case 2

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results