Discussion :

[Jmeuh]

Bonjour � tous,

Je dois r�cup�rer la valeur d'un input modifi�e par JS mais �a ne fonctionne pas.

voici un exemple :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<input id="n" type="number" value='1'>
<button type="button" id="p" name="button">+10</button>
 
<div class="result"></div>
 
<script type="text/javascript">
 
const selectElement = document.getElementById('n')
const plus = document.getElementById('p')
 
plus.addEventListener('click', (event) => {
  selectElement.value = parseInt(selectElement.value) + 10
})
 
selectElement.addEventListener('change', (event) => {
  const result = document.querySelector('.result')
  result.textContent = event.target.value
})

Si je change directement la valeur du input la fonction 'change' s'ex�cute mais pas avec le bouton +10

Quelqu'un � la solution?

[javatwister]

Bonjour,

Quand tu interviens sur le button, aucun �v�nement n'est d�clench� sur l'input;
donc, tu dois doubler l'instruction:

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
const selectElement = document.getElementById('n'),
plus = document.getElementById('p'),
result = document.querySelector('.result');
 
plus.addEventListener('click', (event) => {
  selectElement.value = parseInt(selectElement.value) + 10
  result.textContent = selectElement.value
})
 
selectElement.addEventListener('change', (event) => {
  result.textContent = event.target.value
})

[Jmeuh]

Et bien s�r c'�tait tout con
Merci ! beaucoup !

[GirkovArpa]

Sans doubler l'instruction, tu peux d�clencher manuellement l'�v�nement de � change �:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
plus.addEventListener('click', (event) => {
  selectElement.value = parseInt(selectElement.value) + 10
  selectElement.dispatchEvent(new Event('change'))
})

Juste une ligne de plus