показать значение функции JavaScript

Question

Я хочу напечатать значение функции JavaScript на экране.Как я могу это сделать?извините, я новичок в JavaScript.Это то, что я сделал до сих пор ...

< button onclick="eng += 1; myFunction(eng,'Engaged: ');">Engaged< /button> // i wanna print the value of engaged here.

var eng = 0;  
function myFunction( i,txt ){  
var plural;  
if ( i != 1 ) plural = "s.";  
else plural = ".";  
alert(txt + i + " time" + plural);  
}

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

Answer 1

Поместите что-то вроде <span id="spanID"></span> рядом с кнопкой

, а затем используйте следующий javascript

document.getElementById('spanID').innerHTML = txt + i + " time" + plural";

Answer 2

Вы можете создать элемент рядом с кнопкой, скажем:

   <div id="display"></div>

и ваша функция может написать так:

  document.getElementById("display").innerHTML = txt + i + " time" + plural;

---

Таким образом, основываясь на комментарии ниже, вы можете передать другой параметр вашей функции. Идентификатор элемента для обновления.

function myFunction( i,txt, elemid ){  
  var plural;  
    if ( i != 1 ) plural = "s.";  
  else plural = ".";  
   document.getElementById(elemid).innerHTML = txt + i + " time" + plural;  
}

Тогда каждая кнопка может вызывать функцию с именем элемента для обновления.

, например

  <button onclick="eng += 1; myFunction(eng,'Engaged: ', 'display_engaged');">Engaged</button> <div id="display_engaged"></div>

И каждая кнопка будет иметь соответствующий элемент.

Answer 3

Конечно, вы можете сделать это легко.

После объявления кнопки добавьте тег span с уникальным идентификатором, например:

<button ..>
<span id="engaged_value"></span>

И замените ваше оповещение на:

document.findElementById('engaged_value').innerHtml = txt + i + " time" + plural;