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