如何将JavaScript的返回结果打印到html中
[英]How to print return from Javascript into html
问题描述
我是javascript新手。 单击此按钮后，我的chrome扩展程序当前无法在小窗口中打印文本。
第一位是popup.js，第二位是popup.html。 我的目标是在单击按钮后用力，它在显示填充符的区域替换为我在popup.js中设置的文本。 我不太了解javascript，这是我从周围编译的许多代码。 感谢大家！
document.addEventListener('DOMContentLoaded', function() { document.getElementById("click-this").addEventListener("click", handler; }); // The handler also must go in a .js file var date = new Date(); var dayOfWeek = date.getDay(); function handler() { if (dayOfWeek == 0){ return "sunday"; } else if (dayOfWeek == 1){ return "monday"; } else if (dayOfWeek == 2){ return "tuesday"; } else if (dayOfWeek == 3){ return "wednesday"; } else if (dayOfWeek == 4){ return "thursday"; } else if (dayOfWeek == 5){ return "friday"; } else if (dayOfWeek == 6){ return "saturday"; } }
<head> <script src="popup.js"></script> </head> <div class="row"> <div class="column large-6 medium-6 small-12"> <h1> Lunch Menu </h1> <p> filler filler filler</p> <button type="button" id="click-this">Click</button> </div> </div> <style scoped> div { height: 100px; width: 500px; } </style>
3 个解决方案
解决方案1
2 2019-01-26 18:19:23
好像您忘了在分号前放大括号
document.getElementById("click-this").addEventListener("click", handler);
希望能有所帮助。
解决方案2
0 2019-01-26 18:58:53
我建议您使用一个带有linter的编辑程序来检查是否有任何键入错误，这在您学习时确实很棒。 我个人最喜欢的是Atom ，尽管它在RAM上有点沉重。
解决方案3
-1 已采纳 2019-01-26 20:26:30
为该段添加了id以更改输出的值，让我知道它是否有效!!
document.getElementById("click-this").addEventListener("click", function(){ var day; switch (new Date().getDay()) { case 0: day = "Sunday"; break; case 1: day = "Monday"; break; case 2: day = "Tuesday"; break; case 3: day = "Wednesday"; break; case 4: day = "Thursday"; break; case 5: day = "Friday"; break; case 6: day = "Saturday"; }//end of switch case document.getElementById("demo").innerHTML = day; }//End of function );
<head> </head> <div class="row"> <div class="column large-6 medium-6 small-12"> <h1> Lunch Menu </h1> <p id="demo"> filler filler filler</p> <button type="button" id="click-this">Click</button> </div> </div> <style scoped> div { height: 100px; width: 500px; } </style>
如何从php标签内的api（javascript）打印返回变量？
[英]how to print return variable from api(javascript) inside php tag?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.