счетчик переключателей

Question

счетчик переключателей

0

Я пытаюсь изменить содержимое в div по счетчику (который изменяется при нажатии кнопки), но он не работает. Я пытаюсь это сделать на моей странице html в тегах скриптов:

function calcDivContent() {
  switch(counter) {
    case 1:
      $('#divID').html('<br>text here<br>');
      break;
    case 2:
      $('#divID').html('<br>more text<br>');
      break;
    default:
      $('#divID').html('<br>text here<br>');
  }
}

Добавление этой функции в код фактически не позволяет мне нажать кнопку, которая изменяет счетчик. Я также пробовал формат:

document.getElementById("divID").innerHTML='<br>text here<br>';

с тем же результатом. Это предотвращает работу моей кнопки и отсутствие изменения содержимого div. Я должен упомянуть, что я не думаю, что Sublime Text распознает.innerHTML как метод, потому что он не меняет цвет на голубой, как все остальные методы в моем коде.

Kevin Banas 20 сен. 2013, в 17:43

Источник

Теги:

javascript

html

innerhtml

2 ответа

0

Во-первых, вам не хватает открытия { из вашего оператора switch. Попробуйте switch(counter){ вместо switch(counter) и посмотрите, поможет ли это.

fortyCakes 20 сен. 2013, в 13:37

Ещё вопросы

user2672373 · Accepted Answer · 2013-09-20T13-45-00.000Z

Попробуй это. http://jsfiddle.net/u5H8x/

Как уже упоминалось, события, связанные с @alex, важны

oCount.addEventListener('click', function(e) {
    e.preventDefault();
    nCount += 1;
    switch(nCount) {
        case 1:
            oResult.innerHTML = 'One';
            break;
        case 2:
            oResult.innerHTML = 'Two';
            break;
        default:
            oResult.innerHTML = 'More than 2';
    }
}, false);