显示javascript函数的值

show the value of javascript function

本文关键字：函数 javascript 显示      更新时间：2023-09-26

我想在屏幕上打印一个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);  
}

的值是递增的，每次我点击它，并在警告框中显示。但我想把它放在靠近按钮的地方。有办法吗?谢谢。

在按钮旁边放一个类似<span id="spanID"></span>的东西

，然后使用下面的javascript

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

您可以在按钮附近创建一个元素，例如:

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

，你的函数可以这样写:

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

所以根据下面的注释，你可以传递另一个参数给你的函数。要更新的元素的ID。

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>

每个按钮都有一个对应的元素

你当然可以轻松做到。

在按钮声明之后，添加一个具有唯一id的span标签，例如:

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

并将警告替换为:

document.findElementById('engaged_value').innerHtml = txt + i + " time" + plural;
相关文章：