Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/vim/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮后文本不会更改-窗体、时间和;全局变量_Javascript_Html_Css - Fatal编程技术网

Javascript 单击按钮后文本不会更改-窗体、时间和;全局变量

Javascript 单击按钮后文本不会更改-窗体、时间和;全局变量,javascript,html,css,Javascript,Html,Css,我有4段javascript代码,每段代码都应该在按下相应的按钮后激活对文本ID的更改。我不知道为什么他们都不工作 版本2和5只调用全局变量来显示 版本4只显示一条消息,消息取决于时间 版本7只是从输入表单中获取值并显示它 你知道他们为什么不工作吗?我不认为它是inner.HTML属性,因为我已经在其他函数中使用了这些属性。谢谢你的帮助,非常感谢 @charset“UTF-8”; /*CSS文档*/ 身体{ 高度:1000px; 宽度:100%; 背景:#fff; 保证金:0; } .分隔器{

我有4段javascript代码,每段代码都应该在按下相应的按钮后激活对文本ID的更改。我不知道为什么他们都不工作

版本2和5只调用全局变量来显示 版本4只显示一条消息,消息取决于时间 版本7只是从输入表单中获取值并显示它

你知道他们为什么不工作吗?我不认为它是inner.HTML属性,因为我已经在其他函数中使用了这些属性。谢谢你的帮助,非常感谢

@charset“UTF-8”;
/*CSS文档*/
身体{
高度:1000px;
宽度:100%;
背景:#fff;
保证金:0;
}
.分隔器{
宽度:100%;
高度:自动;
背景:#CCC;
显示:块;
利润率:10px;
}
氢{
字体大小:16px;
显示:块;
}
#确认第{}段
#全局变量段落{}
#用户输入{}
#表达式{}
#大象段落{}
#方法1{}
#方法2{}
#ml{}
#升{}
#条件运算符{}
#cast-1{}
#cast-2{}

全局变量示例
点击我
单击按钮后,此文本应更改

不适用于版本2

var nick={名字:“nick”,姓氏:“Smith”,年龄:25岁,身高:空,星号:未定义};//具有5个全局变量的对象 函数DisplayAuthorName(){ document.getElementById(“全局变量段落”).innerHTML=forename+“”+姓氏+”是“+年龄; } 表达式示例 点击我 单击按钮后,此文本应更改

非工作版本4

函数timeFunction(){ var time=新日期().getHours(); var消息; 如果(小时<12){ message=“早上好。”; }否则,如果(12小时<18小时){ message=“下午好。”; }否则{ message=“晚上好。”; } document.getElementById(“表达式”).innerHTML=消息; } 方法实例 点击我

应改为大写,并应显示名称全局变量

这应更改为字符串并显示可变年龄

非工作版本5

无法调用全局变量

函数UseMethods(){ document.getElementById(“方法1”).innerHTML=nick.forename.toUpperCase(); document.getElementById(“方法2”).innerHTML=nick.age.toString(); } 条件运算符示例 输入一个数字:

点击我

输入数字并单击按钮时,此文本应更改

非工作版本7

函数ConditionalOperatorFunction(){ var testnumber,大或小; testnumber=document.getElementById(“inputtest”).value; largeorsmall=(inputnumber<50)?“我认为这是一个小数字!”:“我认为这是一个大数字!”; document.getElementById(“条件运算符”).innerHTML=largeorsmall; }
第2版:
forename
nick
的一个属性。要使用名字,你必须写
nick.forename

您应该在一个适当的js文件中编写代码。一个像样的编辑会修正这种错误

第4版: 将
时间
替换为
小时

第2版:
forename
nick
的一个属性。要使用名字,你必须写
nick.forename

您应该在一个适当的js文件中编写代码。一个像样的编辑会修正这种错误

第4版: 将
时间
替换为
小时

  • 在版本2中,您没有正确访问变量 使用
    nick.forename
  • 小时未在版本4中定义
  • 第7版,您拥有该元素的类并通过id访问。No
注意:请检查代码中的错误并重试。 这非常简单,检查控制台中的错误并进行更新

@charset“UTF-8”;
/*CSS文档*/
身体{
高度:1000px;
宽度:100%;
背景:#fff;
保证金:0;
}
.分隔器{
宽度:100%;
高度:自动;
背景:#CCC;
显示:块;
利润率:10px;
}
氢{
字体大小:16px;
显示:块;
}
#确认第{}段
#全局变量段落{}
#用户输入{}
#表达式{}
#大象段落{}
#方法1{}
#方法2{}
#ml{}
#升{}
#条件运算符{}
#cast-1{}
#cast-2{}

全局变量示例
点击我
单击按钮后,此文本应更改

不适用于版本2

var nick={名字:“nick”,姓氏:“Smith”,年龄:25岁,身高:空,星号:未定义};//具有5个全局变量的对象 函数DisplayAuthorName(){ document.getElementById(“全局变量段落”).innerHTML=nick.forename+“”+nick.lasname+“是”+nick.age; } 表达式示例 点击我 单击按钮后,此文本应更改

非工作版本4

函数timeFunction(){ var hour=新日期().getHours(); var消息; 如果(小时<12){ message=“早上好。”; }否则,如果(12小时<18小时){ message=“下午好。”; }否则{ message=“晚上好。”; } document.getElementById(“表达式”).innerHTML=消息; } 方法实例 点击我

应改为大写,并应显示名称全局变量

这应更改为字符串并显示可变年龄

非工作版本5

无法调用全局变量

函数UseMethods(){ document.getElementById(“方法1”).innerHTML=nick.forename.toUpperCase(); document.getElementById(“方法2”).innerHTML=nick.age.toString(); } 条件歌剧
function DisplayAuthorName() {
    document.getElementById("global-variable-paragraph").innerHTML
        = nick.forename + " " + nick.surname + " is " + nick.age;
}
function timeFunction() {
    var hour = new Date().getHours();
    var message;
    if (hour < 12) {
        message = "Good Morning.";
    } else if (12 < hour < 18) {
        message = "Good Afternoon.";
    } else {
        message = "Good Evening.";
    }
    document.getElementById("expressions").innerHTML = message;
}
function UseMethods() {
    document.querySelector(".method-1").innerHTML = nick.forename.toUpperCase();
    document.querySelector(".method-2").innerHTML = nick.age.toString();
}