每次单击时将文本更改为

Kashyap Sa

因此,我想这样做,而我对JavaScript还是很陌生:

  1. 第一次按下按钮时,文本应更改为“您按下了按钮”。(无引号)。

  2. 第二次按下按钮时,文本应更改为“再次按下按钮”。(无引号)。

  3. 在第三到第五次按下按钮时,文本应更改为“您已按下[n]次按钮”。(无引号)。[n]应替换为已按下按钮的次数。

  4. 如果然后按下按钮六次或更多次,则文本应替换为“停止按下按钮”。(无引号)。

这是我目前拥有的:

function go() {
    // alert("alert!");
    var paragraph = document.getElementById("output");
    paragraph.innerHTML = "You pushed the button";
}

function go2() {
    var paragraph2 = document.getElementById("output")
    paragraph2.innerHTML = "You pushed the button (again)";
}

HTML在这里:https : //gyazo.com/8f24747521b539e2a68058716126279f

任何帮助:(请有人吗?

IndieTech解决方案

您可以尝试这样的事情:

JS

    var clicks = 0;
 function onClick() {
   clicks += 1;
   var message = "";
   if(clicks==1)
     { message = "You pushed the button.";}
   else if(clicks==2)
   {message ="You pushed the button (again).";}
    else if(clicks >= 6) //for 6 clicks and above
   {message ="Stop pushing the button.";}
   else
     {message = "You pushed the button " + clicks + " times.";}
   document.getElementById("message").innerHTML = message;

 };

的HTML:

     <button type="button" id="buttonclick" onClick="onClick()">Click me</button>
<div id="message"></div>

例如:http//codepen.io/anon/pen/MaEExW

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当我将切换导航文本链接替换为图像时,从双击更改为单击?

来自分类Dev

每次单击时都更改号码?

来自分类Dev

JavaScript:使用按钮更改文本颜色,每次单击按钮时,都会显示不同的样式。无法运作

来自分类Dev

遇到媒体查询时将文本更改为图标

来自分类Dev

单击时将按钮文本更改为粗体

来自分类Dev

单击时更改按钮文本

来自分类Dev

单击时如何将文本更改为文本框

来自分类Dev

每次单击按钮时如何更改背景

来自分类Dev

C#Windows Form应用程序中每次单击时按钮文本的更改

来自分类Dev

每次单击按钮时如何更改内容?

来自分类Dev

在reactJS中在文本框的div之外单击时,将已编辑的文本框的值更改为原始传递的值

来自分类Dev

当文本更改为其他内容时,如何使用Selenium和Python单击按钮?

来自分类Dev

每次单击其他按钮时,Textarea中的文本都会更改

来自分类Dev

单击时如何将QLabel更改为QCombobox

来自分类Dev

每次单击时都更改号码?

来自分类Dev

JavaScript:使用按钮更改文本颜色,每次单击该按钮时,将显示不同的样式。无法运作

来自分类Dev

文本框已更改为在angularjs中单击“新建”时启用

来自分类Dev

每次单击时如何更改按钮的文本值?

来自分类Dev

单击时如何将文本更改为文本框

来自分类Dev

单击时将文本的颜色更改为随机颜色(按钮)

来自分类Dev

悬停时将图像更改为文本

来自分类Dev

单击时将td更改为文本框,并在用户完成后将文本框更改为td

来自分类Dev

我希望每次单击按钮时都可以将每张图片更改为显示在屏幕上的同一位置

来自分类Dev

单击时更改html文本

来自分类Dev

将链接href / text更改为单击按钮时文本框的值?

来自分类Dev

单击时将网站背景从 gif 更改为彩色

来自分类Dev

我可以通过单击 bootstrap 或 thymeleaf 中的文本将文本更改为输入框吗?

来自分类Dev

如何在单击 ng-repeat 中的按钮时将按钮更改为文本?

来自分类Dev

如何:单击按钮,将 html span(文本)更改为任何输入值

Related 相关文章

  1. 1

    当我将切换导航文本链接替换为图像时,从双击更改为单击?

  2. 2

    每次单击时都更改号码?

  3. 3

    JavaScript:使用按钮更改文本颜色,每次单击按钮时,都会显示不同的样式。无法运作

  4. 4

    遇到媒体查询时将文本更改为图标

  5. 5

    单击时将按钮文本更改为粗体

  6. 6

    单击时更改按钮文本

  7. 7

    单击时如何将文本更改为文本框

  8. 8

    每次单击按钮时如何更改背景

  9. 9

    C#Windows Form应用程序中每次单击时按钮文本的更改

  10. 10

    每次单击按钮时如何更改内容?

  11. 11

    在reactJS中在文本框的div之外单击时,将已编辑的文本框的值更改为原始传递的值

  12. 12

    当文本更改为其他内容时,如何使用Selenium和Python单击按钮?

  13. 13

    每次单击其他按钮时,Textarea中的文本都会更改

  14. 14

    单击时如何将QLabel更改为QCombobox

  15. 15

    每次单击时都更改号码?

  16. 16

    JavaScript:使用按钮更改文本颜色,每次单击该按钮时,将显示不同的样式。无法运作

  17. 17

    文本框已更改为在angularjs中单击“新建”时启用

  18. 18

    每次单击时如何更改按钮的文本值?

  19. 19

    单击时如何将文本更改为文本框

  20. 20

    单击时将文本的颜色更改为随机颜色(按钮)

  21. 21

    悬停时将图像更改为文本

  22. 22

    单击时将td更改为文本框,并在用户完成后将文本框更改为td

  23. 23

    我希望每次单击按钮时都可以将每张图片更改为显示在屏幕上的同一位置

  24. 24

    单击时更改html文本

  25. 25

    将链接href / text更改为单击按钮时文本框的值?

  26. 26

    单击时将网站背景从 gif 更改为彩色

  27. 27

    我可以通过单击 bootstrap 或 thymeleaf 中的文本将文本更改为输入框吗?

  28. 28

    如何在单击 ng-repeat 中的按钮时将按钮更改为文本?

  29. 29

    如何:单击按钮,将 html span(文本)更改为任何输入值

热门标签

归档