JSFiddle - React, Tailwind, and code Playground

HTML

<div id="items">
<div class="scrollbar">
<div class="item">
<span class="name">★ M9 Bayonet | Bright Water (Factory New)</span>
</div>
<div class="item">
<span class="name">★ Falchion Knife | Blue Steel (Field-Tested)</span>
</div>
<div class="item">
<span class="name">AWP | Man-o'-war (Minimal Wear)</span>
</div>
<div class="item">
<span class="name">AWP | Man-o'-war (Minimal Wear)</span>
</div>
<div class="item">
<span class="name">AK-47 | Case Hardened (Field-Tested)</span>
</div>

JavaScript

let baseName = "★ M9 Bayonet | Doppler Sapphire (Factory New)".split(',') 
let i = 0 
let n = 0 

function start() { 
for (i; i < document.getElementsByClassName('name').length; i++) { 
if (document.getElementsByClassName('name')[i].innerText == baseName[n]) { 
document.getElementsByClassName('name')[i].click() 
} 
} 

if (n < baseName.length - 1) { 
i = 0 
n++ 
start() 
} 
}

start();