2014-01-17 2 views
0
<!DOCTYPE HTML> 
<html> 
    <body> 
    <button onclick="question++">Increment</button> 
    <script> 
     function test() { 
      var question = 0; 
     } 
    </script> 
    </body> 
</html> 

Вопрос: Как отобразить вопрос как номер на веб-странице.Отображение переменной в JavaScript

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

Я не знаю, понимаете вы или нет, но, надеюсь, кто-то делает и помогает :) Спасибо!

+0

Вы не можете сделать это так, что '' вопроса является локальной переменной. – elclanrs

ответ

0

DO-то вроде этого -

var question = 0; 

function test() { 

question++; 
document.getElementById('q').innerHTML = question; 
} 

Demo

0

Я думаю, что вы ищете что-то вроде этого:

http://jsfiddle.net/WxzNN/

HTML

<button onclick="updateQuestion();">Increment</button> 
<p id="questionText">Question 0</p> 

JavaScript

var question = 0; 

function updateQuestion() { 
    question++; 
    document.getElementById("questionText").innerHTML = "Question " + question; 
} 

Ключом является то, что question заявляется вами в scope функции test(). Вам нужно определить его в области, доступной для javascript, который запускается вашей кнопкой: глобальная область.

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

http://coding.smashingmagazine.com/2009/08/01/what-you-need-to-know-about-javascript-scope/

0
<button onclick="myFunction()">Click me</button> 
<div id = "question"></div> 

var question = 0; 
function myFunction() { 
return $('#question').html(question++) 
} 
0

Вы не можете увеличивать не посещающих такие переменные области, вам нужно будет вызвать функцию, с соответствующий объем, который делает это для вас, как было упомянуто в других ответах.

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

<button onclick="document.getElementById('question').innerText++">Increment</button> 

DEMO

Смежные вопросы