I want to count and quantify Array indexes on onclick control

Question

I want to count and quantify Array indexes on onclick control

Navigation

#1 by (4 votes)

3

I want to create a simple paging based on elements within an array.

When I get to the first and / or last element of the array, I would like to disable its navigation button (eg, changing from disabled=false to disabled=true )

Code

<button onclick="Anterior();" id="menos">Anterior</button> &nbsp; 
<span id='numero'>&nbsp;</span> &nbsp; 
<button onclick="Proximo();" id="mais">Próximo</button>

<script>
    var elemento = new Array(1, 2, 3, 2, 7);
    contar = 0

    Proximo = function() {
        contar ++;
              ...
    };

    Anterior = function() {
        contar --;
              ...        
    };

    // retorna o primeiro indice do array
    var menor = document.write(elemento.indexOf(searchElement[, fromIndex])) 
    // retorna o último índice do array
    var maior = document.write(elemento.slice(-1)[0])  

    if (contar == menor) {
        document.getElementById('menos').disabled=true;
    }
    if (contar == maior) {  
        document.getElementById('mais').disabled=true; 
    }
</script>

Then it would look aesthetically like this:

[Previous] - 3 - [Next]

I would like it to count inside the element span

javascript array

asked by anonymous 25.01.2017 / 07:32

1 answer

How to get different outputs (fasta) files with unix or python How to integrate TinyMCE with ASP.NET MVC

score 4 · Accepted Answer

You can do this:

var elemento = new Array(1, 2, 3, 2, 7);

var contar = 0;
var ele_len = elemento.length;
const spn = document.getElementById('numero');
const menos_btn = document.getElementById('menos');
const mais_btn = document.getElementById('mais');
menos_btn.disabled = true;
spn.innerHTML = contar+1;

Proximo = function(btn) {
menos_btn.disabled = false;
contar ++;
spn.innerHTML = contar+1;
if(contar >= ele_len - 1) {
	btn.disabled = true;
	contar = ele_len - 1;
}
};

Anterior = function(btn) {
mais_btn.disabled = false;
contar --;
spn.innerHTML = contar+1;
if(contar <= 0) {
	btn.disabled = true;
	contar = 0;
}
};

<button onclick="Anterior(this);" id="menos">Anterior</button> &nbsp; <span id='numero'></span> &nbsp; <button onclick="Proximo(this);" id="mais">Próximo</button>

Tip - To show the content of an index of Array , just change the spn.innerHTML = contar+1; lines to this spn.innerHTML = elemento[contar];