Как отобразить вывод счетчика на текст, а не на вход

0

Я создал базовый счетчик JavaScript, который подсчитывает количество нажатий на кнопку, а затем отображает ее в поле ввода.

Я хочу изменить его так, чтобы он подсчитывал количество нажатий и отображает его как текст.

например, 5 123

HTML:

     <div class="col-md-2 col-md-offset-3">
   <div class="outer"><img src="assets/img/f1.jpg" alt="..." class="img-rounded" style="width:250px;height:150px"></div>
   <div class="inner">
     <center><button class="btn btn-default" value = "Click" onclick = "count()">Vote</button></center>
     <input id = "counting" type = "text" class="votecount" />

   </div> 
 </div>

CSS:

  .outer {
     position:absolute;
    }

  .inner {
     position:relative;
     margin-top:50px;
   }

  .votecount {
     width:50px;
   }

JAVASCRIPT:

 <script type ="text/javascript">

  var x = 0;
 function count()
 {
 x += 1;
  document.getElementById( "counting" ).value = x;
  }
   </script>
  • 1
    document.getElementById( "counting" ).innerHTML = x;
  • 0
    ^^ и измени элемент на не вход
Показать ещё 1 комментарий
Теги:

3 ответа

1
Лучший ответ

используйте что-то вроде этого.. сначала получите значение count.. если нет голоса.. добавьте 1 в него.. если уже есть голос.. приращение в него

 function count()
 {
  var x = document.getElementById("counting").value;
     if(x==""){
         document.getElementById( "counting" ).value = 1;
     }else{
         document.getElementById( "counting" ).value = parseInt(x)+1;
     }   

  }

вот ссылка для Fiddle http://jsfiddle.net/szWth/

0

введите входной диапазон и измените ваш запрос DOM, чтобы изменить "innerHTML": function count() { x += 1; document.getElementById( "counting").innerHTML = x; } function count() { x += 1; document.getElementById( "counting").innerHTML = x; }

0

Изменить:

<input id = "counting" type = "text" class="votecount"/>

Для того, чтобы:

<span id = "counting" class="votecount"></span>

  • 0
    Это не сработало, когда я заменил его, просто нет счетчика.
  • 0
    Изменить document.getElementById( "counting" ).value = x; to document.getElementById( "counting" ).innerHTML= x;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню