11402 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Je tente de créer ma propre solution de curseurs pour deux mutlipouces : CodePen.

J'aimerais que le curseur minimum ne dépasse jamais le curseur maximum et vice versa.

J'ai donc fait ceci (vous trouverez l'ensemble du contexte JS sur le Pen) :
input[1].value = (valStop > Number(this.value)) ? valStop : (valStop + step)

et :
input[0].value = (valStart < Number(this.value)) ? valStart : (valStart - step)

Celà ne fonctionne que partiellement : si l'on dépasse le curseur trop vite on a tout de même un dépassement. Comment puis-je résoudre ce problème ?
Essaye
 input[1].value = (valStop > Number(this.value)) ? valStop : (Number(this.value) + step)
Meilleure solution
Au final j'avais encore la possibilité de dépasser un curseur par son antagoniste, j'ai ajouté un onchange et ça fait le taf. Je ne sais pas factoriser le tout mais ce sera l'objet d'une autre question. Merci encore.