Me ha surgido un problema en el cual yo le ingreso datos, en este caso Nombres por el input, y se me añaden a través del botón Añadir. Cuando yo le doy al botón Cambio para cambiar de posiciones a esos nombres, tengo que volver a darle clic al botón Añadir para que se produzca el cambio de posiciones.
let users = [];
function pushData() {
var inputText = document.getElementById('inputText').value;
users.push(inputText);
var pval = "";
for(i=0; i<users.length; i++) {
pval =pval + users[i]+"<ul></ul>";
}
document.getElementById('pText').innerHTML = pval;
}
function cambioNombres(array) {
var j,x,i;
for (i= array.length -1; i>0; i--) {
j = Math.floor(Math.random()*(i+1));
x=array[i];
array[i]=array[j];
array[j]=x;
}
}
cambioNombres(users);
<body>
<div>
<input type="text" name="text" id="inputText">
<button onclick="pushData()">Añadir</button>
<button onclick="cambioNombres(users)">Cambio</button>
<p id="pText"></p>
</div>
<script src="script.js"></script>
</body>
No entiendo por que pasa eso y como debería arreglarlo para que solamente cuando le de al botón Cambio ahí se me realice el cambio de posiciones de nombres.