Изменение переменного Значения по щелчку в Javascript

Question

Ладно, так что я использую Dribbble API, чтобы мои работы из Dribbble

я создал несколько вар, чтобы помочь с процессом;

var dribbble = 'crobertson97';   
var limit = '10'; //items per page 
var per_page = '&per_page='+limit+''; //url 
var accessToken = '12345678910'; //client 
var url = 'https://api.dribbble.com/v1/users/'+dribbble+'/shots/?access_token='+accessToken+'&callback=?'+per_page; //url 

Я хочу добавить еще одну кнопку, которая, если щелкнуть, сделает три вещи;

кнопку <a id="readmore" class="btn btn-success white"> View More</a>

1. Изменить текст кнопки с точки зрения более для просмотра меньше
2. Измените var limit = 10 на 20 3.Be смог вернуться ->view less

Answer 1

Довольно легко, используя современный веб-API.

readmore.addEventListener('click', readmoreless); 
 
var limit = 10; 
 
function readmoreless(){ 
 
    if(limit == 10){ 
 
    readmore.innerHTML = "View Less"; 
 
    limit = 20; 
 
    } else { 
 
    readmore.innerHTML = "View More"; 
 
    limit = 10; 
 
    } 
 
}

<a id="readmore" class="btn btn-success white">View More</a>

Answer 2

Добавить функцию OnClick в HTML:

<a id="readmore" class="btn btn-success white" onclick="buttonClick(this)"> View More</a> 

И создать следующую функцию в JS:

function buttonClick(but) { 
    if(limit==10) { 
     limit = 20; 
     but.innerHTML= "View less"; 
    } else { 
     limit = 10; 
     but.innerHTML = "View more"; 
    } 
} 

Там еще дисплее контент для управления, но вы не указали много информации о том, что t вы хотите и как данные даны!