<path class="st0" fill-rule="evenodd" clip-rule="evenodd" d="M266.81.15c-4.5,35.94-12.56,132.35-16.05,176.31l-10.43,13.63v17.63L217.07,223c.15-7.74,1.41-18.56.15-26.47-.82-5.14-2.91-12.18-9.77-11.2-5.17.74-8.15,7.82-8.83,12v32.86c-7.12,8.32-6.6,22.21-3.21,30.45v64.12L181.78,340v59.3C91,441.56,46.53,488.44,27.83,525H-1354" fill="#252525"/>
document.querySelector
применяется к одному элементу, если вам необходимо несколько элементов, заюзайте document.querySelectorAll
Потом проверяете количество элементов и крутите цикл.Возможно ли с помощью css/html/svg написать такое приложение без тормозов?
<button data-step="-1">-</button>
<input value="1">
<button data-step="+1">+</button>
const values = [ 1, 2, 4, 6, 8, 10, 12, 16, 20, 24, 32, 48, 56, 64 ];
for (const n of document.querySelectorAll('[data-step]')) {
n.addEventListener('click', onClick);
}
function onClick() {
const input = document.querySelector('input');
const index = +this.dataset.step + values.indexOf(+input.value);
input.value = values[Math.max(0, Math.min(values.length - 1, index))];
}