Javascript函数操作不正确,因为未编辑指定的段落id

Javascript函数操作不正确,因为未编辑指定的段落id,javascript,html,css,Javascript,Html,Css,我无法让这个javascript函数正确运行,我不知道如何描述这个问题。总之,单击按钮应该显示两个javascript对象的文本 功能应能够访问2个全局对象,但功能未激活或功能未正确执行 你知道我做错了什么吗 var property1=新地产(“商业地产”,15万英镑); var property2=新房产(“住宅”,30万英镑); //全局变量 函数属性函数(类型、值){ this.type=type; 这个值=值; document.getElementById(“js对象”).inne

我无法让这个javascript函数正确运行,我不知道如何描述这个问题。总之,单击按钮应该显示两个javascript对象的文本

功能应能够访问2个全局对象,但功能未激活或功能未正确执行

你知道我做错了什么吗

var property1=新地产(“商业地产”,15万英镑);
var property2=新房产(“住宅”,30万英镑);
//全局变量
函数属性函数(类型、值){
this.type=type;
这个值=值;
document.getElementById(“js对象”).innerHTML=“属性1是一个“+property1.value+”值为“+property1.value+”的“+property1.type+”属性
属性2是一个“+property2.type+”值为“+property2.value+”的“+property2.value+”属性
这两个属性是建筑(也称属性)方法显示属性类型和属性值。“; }
@charset“UTF-8”;
/*CSS文档*/
身体{
高度:1000px;
宽度:100%;
背景:#fff;
保证金:0;
}
#javascript要点{
宽度:100%;
高度:自动;
利润率:10px;
填充:10px;
背景:#eff2f7;
}
#javascript编程技术{
宽度:100%;
高度:自动;
利润率:10px;
填充:10px;
背景:#F0F9FC;
}
.分隔器{
宽度:100%;
高度:自动;
背景:#CCC;
显示:块;
利润率:10px;
}
h1{
字体大小:25px;
显示:块;
宽度:100%;
高度:自动;
利润率:10px;
文字装饰:下划线;
}
氢{
字体大小:20px;
显示:块;
宽度:100%;
高度:自动;
利润率:10px;
文字装饰:下划线;
}
h3{
字体大小:16px;
显示:块;
}
#js对象{}

Javascript对象
单击按钮应显示两个javascript对象的文本

不工作

点击我
您正在通过按钮调用函数,但未传递任何参数

此操作失败,因为函数需要两个参数:
type,value

还有。我在您的控制台上看到此错误:

未捕获引用错误:未定义属性

这意味着
new property()
中的
property
未定义

要解决此问题,请以以下方式编写JS:

function Property(type, value) {
    this.type = type; 
    this.value = value;
    return this;
}

function PropertyFunction() {
    var property1 = new Property("Commercial", "£150k");
    var property2 = new Property("Residential", "£300k");
    document.getElementById("js-objects").innerHTML = "Property 1 is a " + property1.type + " property with a value of " + property1.value + "<br>Property 2 is a " + property2.type + "property with a value of " + property2.value + "<br><br>The two properties are the buildings (also called properties) and the methods are displaying the property type and property value.";
}
函数属性(类型、值){
this.type=type;
这个值=值;
归还这个;
}
函数属性函数(){
var property1=新地产(“商业地产”,15万英镑);
var property2=新房产(“住宅”,30万英镑);
document.getElementById(“js对象”).innerHTML=“属性1是一个“+property1.value+”值为“+property1.value+”的“+property1.type+”属性
属性2是一个“+property2.type+”值为“+property2.value+”的“+property2.value+”属性
这两个属性是建筑(也称属性)方法显示属性类型和属性值。“; }
您正在通过按钮调用函数,但未传递任何参数

此操作失败,因为函数需要两个参数:
type,value

还有。我在您的控制台上看到此错误:

未捕获引用错误:未定义属性

这意味着
new property()
中的
property
未定义

要解决此问题,请以以下方式编写JS:

function Property(type, value) {
    this.type = type; 
    this.value = value;
    return this;
}

function PropertyFunction() {
    var property1 = new Property("Commercial", "£150k");
    var property2 = new Property("Residential", "£300k");
    document.getElementById("js-objects").innerHTML = "Property 1 is a " + property1.type + " property with a value of " + property1.value + "<br>Property 2 is a " + property2.type + "property with a value of " + property2.value + "<br><br>The two properties are the buildings (also called properties) and the methods are displaying the property type and property value.";
}
函数属性(类型、值){
this.type=type;
这个值=值;
归还这个;
}
函数属性函数(){
var property1=新地产(“商业地产”,15万英镑);
var property2=新房产(“住宅”,30万英镑);
document.getElementById(“js对象”).innerHTML=“属性1是一个“+property1.value+”值为“+property1.value+”的“+property1.type+”属性
属性2是一个“+property2.type+”值为“+property2.value+”的“+property2.value+”属性
这两个属性是建筑(也称属性)方法显示属性类型和属性值。“; }
您缺少
属性
函数的定义,看起来您将其构造函数代码放入了
属性函数

函数属性(类型、值){
this.type=type;
这个值=值;
}
var property1=新地产(“商业地产”,15万英镑);
var property2=新房产(“住宅”,30万英镑);
//全局变量
函数属性函数(){
document.getElementById(“js对象”).innerHTML=“属性1是一个“+property1.value+”值为“+property1.value+”的“+property1.type+”属性
属性2是一个“+property2.type+”值为“+property2.value+”的“+property2.value+”属性
这两个属性是建筑(也称属性)方法显示属性类型和属性值。“; }
@charset“UTF-8”;
/*CSS文档*/
身体{
高度:1000px;
宽度:100%;
背景:#fff;
保证金:0;
}
#javascript要点{
宽度:100%;
高度:自动;
利润率:10px;
填充:10px;
背景:#eff2f7;
}
#javascript编程技术{
宽度:100%;
高度:自动;
利润率:10px;
填充:10px;
背景:#F0F9FC;
}
.分隔器{
宽度:100%;
高度:自动;
背景:#CCC;
显示:块;
利润率:10px;
}
h1{
字体大小:25px;
显示:块;
宽度:100%;
高度:自动;
利润率:10px;
文字装饰:下划线;
}
氢{
字体大小:20px;
显示:块;
宽度:100%;
高度:自动;
利润率:10px;
文字装饰:下划线;
}
h3{
字体大小:16px;
显示:块;
}
#js对象{}

Javascript对象
单击按钮应显示两个javascript对象的文本

不工作

点击我
您缺少