如何一键显示两个Javascript函数

用户名

我目前正在完成Web开发课程,本周我们将介绍:将Javascript添加到您的网站。这些脚本很容易添加,并且我已经可以使用所有内容,但是,脚本的目的和站点并不一致。任务之一是添加一个按钮,然后单击onclick-显示时间和数据。我打算在这里说明您可以将这些元素添加到页面中-但是对我而言这没有意义。因此,我想以适合我网站目的的方式添加日期和时间-该内容涵盖了COVID信息。因此,我将放在一起的是一个按钮,单击该按钮将显示日期和时间(根据需要),并显示“数据中的世界”中的嵌入地图。

现在,我发现div标签不能有两个ID,而一个函数不能有多个元素。但是,必须有一种方法,使按钮在单击时可以显示两件事-对吗?

因此,在此待了两天之后,这就是我的位置,欢迎您提出任何建议。请记住,我正在这里学习,并且目前我没有接受过Java语言方面的教育。


我在哪里有两个单独的按钮:

<div class="row">
    <div class="header">
        <h1>Covid Status</h1><br>           
        <p>The following Button will display what the current COVID Status is around the world, according to Our World In Data.</p><br>
        <div id="Covid_stat"></div>
        <input type="button" value="Show Chart" onClick="covid();">
        <div id="Time"></div>
        <input type="button" value="Show Time" onClick="time();">
    </div>
</div>

<script>
function Time() {
    document.getElementById('time').innerHTML = Date();
}
function Covid_stat(){
    document.getElementById('covid').innerHTML='<embed src="https://ourworldindata.org/grapher/positive-rate-daily-smoothed?year=latest&time=earliest..latest" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></embed>';
}
</script>

我正在尝试通过各种在线示例进行的操作:

<div class="row">
    <div class="header">
        <h1>Covid Status</h1><br>           
        <p>The following Button will display what the current COVID Status is around the world, according to Our World In Data.</p><br>
        <button type="button" id="Show_Info">Show Information</button>
    </div>
</div>

<script>
function Time() {
    document.getElementById('time').innerHTML = Date();
}
function Covid_stat(){
    document.getElementById('covid').innerHTML='<embed src="https://ourworldindata.org/grapher/positive-rate-daily-smoothed?year=latest&time=earliest..latest" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></embed>';
}
var showbtn = document.getElementById("Show_Info");
showbtn.addEventListener("click", Time);
showbtn.addEventListener("click", Covid_stat);
</script>

提前,非常感谢!

54ka

希望对您有所帮助。

        function myFunc() {
            document.getElementById('time').innerHTML = Date();
            document.getElementById('covid').innerHTML = '<iframe src="https://ourworldindata.org/grapher/positive-rate-daily-smoothed?year=latest&time=earliest..latest" loading="lazy" style="width: 100%; height: 600px; border: 0px none;"></iframe>';
        }

        var showbtn = document.getElementById("Show_Info");
        showbtn.addEventListener("click", myFunc);
    <div class="row">
        <div class="header">
            <h1>Covid Status</h1><br>
            <p>The following Button will display what the current COVID Status is around the world, according to Our
                World In Data.</p><br>
            <button type="button" id="Show_Info">Show Information</button>
        </div>
        <div id="time"></div>
        <div id="covid"></div>
    </div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何一键处理两个ajax函数将变量传递给php表单

来自分类Dev

如何一键关闭两个活动?

来自分类Dev

一键单击如何使用两个意图?

来自分类Dev

如何一键完成两个事件

来自分类Dev

一键后,在javascript中的两个div中设置两个不同的图像

来自分类Dev

一键两个if语句,用于javascript中的CSS div

来自分类Dev

一键点击即可实现两个功能-Javascript

来自分类Dev

一键切换两个div

来自分类Dev

一键切换两个容器

来自分类Dev

一键切换两个图像

来自分类Dev

一键定位两个元素?

来自分类Dev

OpenWindow-一键打开两个窗口

来自分类Dev

一键安装两个安装程序

来自分类Dev

一键两个不同的动作

来自分类Dev

如何为两个单词创建唯一键?

来自分类Dev

如何将两个列表作为值插入到同一键的字典中

来自分类Dev

如何使用python pandas或networkx lib对两个从属列进行分组并生成新的唯一键?

来自分类Dev

如何将两个列表作为值插入到同一键的字典中

来自分类Dev

MySQL复合唯一键如何与引用同一列的两个外键字段一起使用?

来自分类Dev

一键切换两个CSS`:checked`伪类是否可能?

来自分类Dev

一键操作推两个不同的视图控制器-iOS

来自分类Dev

比较两个没有唯一键的表

来自分类Dev

在 TextInputLayout 内的 EditText 上一键生成两个或多个事件

来自分类Dev

如何通过键合并两个对象数组并将唯一键保留在单个对象数组中?

来自分类Dev

mysql如何使用两个字段作为主键和唯一键

来自分类Dev

php 一键组合两个数组元素

来自分类Dev

一键调用函数两次

来自分类Dev

将两个字段转换为R中的一个唯一键

来自分类Dev

如何显示包含两个不同键的两个值的地图?

Related 相关文章

热门标签

归档