Javascript &&功能不正常

Javascript &&功能不正常,javascript,jquery,Javascript,Jquery,var pet=$structureValue.val==pet; var Color=$button.onclick,函数{ var color=$color; var roof=$structureValue.val==roof; var building=$structureValue.val==building; var colorId=$color.val; ifcolorId==a&&roof{ $build.css颜色,灰色 }else ifcolorId==b&&roof{ $b

var pet=$structureValue.val==pet; var Color=$button.onclick,函数{ var color=$color; var roof=$structureValue.val==roof; var building=$structureValue.val==building; var colorId=$color.val; ifcolorId==a&&roof{ $build.css颜色,灰色 }else ifcolorId==b&&roof{ $build.css颜色,绿色 }else ifcolorId==c&&roof{ $build.css颜色,橙色 }else ifcolorId==d&&roof{ $build.css颜色,黄色 }else ifcolorId==a&&building{ $building.css背景,灰色 }else ifcolorId==b建筑(&b){ $building.css背景,绿色 }else ifcolorId==c&&building{ $building.css背景,橙色 }else ifcolorId==d&&building{ $building.css背景,黄色 } }; /*----------作用---------*/ $structureValue.onclick,函数{ $structureValue.changefunction{ var val=$this.val; ifval==环境{ $color.htmlMountainLakesideBeachIsland; }else ifval==Pet{ $color.htmlsquirechinchilladog; }否则,如果val==屋顶、建筑物{ $color.HTMLGRayGreenOrangeLow} }; }; $firstButton.onclick,函数{ var color=$color; var colorId=$color.val; 如果$structureValue.val==屋顶{ $build.css{width:0, 高度:0,左边框:250px实心透明,右边框:250px实心透明, 边框底部:350px实心,背景:无,颜色}; }如果$structureValue.val==建筑,则为else{ $building.css{宽度:500px, 高度:300px,颜色} }如果$structureValue.val==Environment&&colorId==a,则为else{ $body.css{background:url'https://tpwd.texas.gov/state-parks/franklin-mountains/gallery/franklin-mnt_panorama1.jpg'无重复中心固定, -webkit背景大小:cover,-moz背景大小:cover,-o-background-size:cover,背景大小:cover,背景大小:100%100%}; }如果$structureValue.val==Environment&&colorId==b,则为else{ $body.css{background:url'https://openclipart.org/image/2400px/svg_to_png/218873/Autumn-By-The-Lake.png'无重复中心固定, -webkit背景大小:cover,-moz背景大小:cover,-o-background-size:cover,背景大小:cover,背景大小:100%100%}; }如果$structureValue.val==Environment&&colorId==c,则为else{ $body.css{background:url'http://travel.home.sndimg.com/content/dam/images/travel/fullset/2014/12/3/top-10-caribbean-beaches-eagle-beach-aruba.jpg.rend.hgtvcom.966.725.suffix/1491584555480.jpeg'无重复中心固定, -webkit背景大小:cover,-moz背景大小:cover,-o-background-size:cover,背景大小:cover,背景大小:100%100%}; }如果$structureValue.val==Environment&&colorId==d,则为else{ $body.css{background:url'http://www.jeremyrobinsononline.com/wp-content/uploads/2013/05/White_Island_New_Zealand.jpg'无重复中心固定, -webkit背景大小:cover,-moz背景大小:cover,-o-background-size:cover,背景大小:cover,背景大小:100%100%}; }如果$structureValue.val==Pet&&colorId==a,则为else{ $pet.empty.append; }如果$structureValue.val==Pet&&colorId==b,则为else{ $pet.empty.append; }如果$structureValue.val==Pet&&colorId==c,则为else{ $pet.empty.append; }如果$structureValue.val==Pet&&colorId==d,则为else{ $pet.empty.append; } }; $firstButton.clickfunction{ 如果$structureValue.val==建筑与环境与屋顶与宠物{ $supruse.cssvisibility,可见; }否则{ 我错了 } }; $supruse.clickfunction{ $glide.addClassglide; setTimeoutfunction{$.secert.cssvisibility,可见; }, 4500; setTimeoutfunction{ 位置。重新加载; }, 8500; } 正文{背景色:绿色; -webkit背景尺寸:封面; -moz背景尺寸:封面; -o-背景尺寸:封面; 背景尺寸:封面; 背景尺寸:100%100% } img{ 最大宽度:100%; 高度:300px; } 包装纸{ 宽度:100%; 文本对齐:居中; } 建筑、建筑、门、窗{ 保证金:0自动; } .cf:之前, .cf:之后{ 内容:; 显示:表格; } .cf:之后{ 明确:两者皆有; } .滑翔{ 动画名称:glide; 动画持续时间:8.5s; 动画迭代次数:1; 动画方向:正常; 位置:绝对位置; } @-webkit关键帧滑动{ 0%{左:0px;顶:0px;} 15%{左:0;顶:50%;} 25%{左:80%;顶:50%;} 35%{左:80%;顶:0;} 40%{左:35%;顶:0%;} 75%{左:35%;顶:15%;} 100%{左:35%;顶:15%;} } 惊奇{ 可见性:隐藏; 边缘顶部:30px; } 塞尔特先生{ 可见性:隐藏; } 你家里有什么动物? 创造一个家庭愿景 顶部 建筑物 环境 宠物 选择细节 灰色 绿色 橙色 黄的 点击我 我家里有什么
你的代码在很多方面都是错误的。仔细看看我写的代码。它将激励你如何去做这些事情

var myform=document.querySe “房屋建造者” var building=document.querySelector'building' var suprise=document.querySelector'suprise' var roof=document.querySelector'roof' var pet=document.querySelector'pet' myform.addEventListener'submit',函数evenet{ switchmyform.structure.value{ “屋顶”案例: roof.style.color=myform.color.value 打破 “建筑”案例: building.style.backgroundColor=myform.color.value 打破 “环境”一案: document.body.style.backgroundImage=url'+myform.environment.value+' 打破 “宠物”案例: pet.src=myform.pet.value 打破 } /*用户是否已准备好设置所有建筑部件*/ ifroof.style.color&&building.style.backgroundColor&&document.body.style.backgroundImage&&pet.src{ 惊奇地隐藏 } /*停止用户导航*/ 违约事件; 返回错误 } myform.structure.addEventListener'change',函数{ myform.environment.hidden=true myform.color.hidden=true myform.pet.hidden=true switchmyform.structure.value{ “环境”一案: myform.environment.hidden=false 打破 “宠物”案例: myform.pet.hidden=false 打破 违约: myform.color.hidden=false 打破 } } 屋顶{ 宽度:0px; 高度:0px; 左边框:250px实心透明; 右边框:250px实心透明; 边框底部:350px固体; 背景:无; /*将隐藏屋顶,直到设置其他颜色*/ 颜色:透明; } 建筑{ 宽度:500px; 高度:300px; } 身体{ 背景重复:无重复; 背景大小:100%100%; 背景尺寸:封面; } 宠物{ 左边距:10%; 宽度:80%; } 你家里有什么动物? 创造一个家庭愿景 顶部 建筑物 环境 宠物 选择细节 灰色 绿色 橙色 黄的 乡绅 栗鼠 恐龙 狗 山 湖边 海滩 岛 点击我 我家里有什么
程序中存在许多语法/逻辑错误,请首先修复这些错误。与此类似,条件永远不会为true$structureValue.val==Building&&$structureValue.val==Environment&&Roof&&Pet,并且不将事件处理程序绑定到其他事件处理程序中,即$structureValue.onclick,函数{$structureValue.changefunction{@coder请不要把所有东西都放进去。创建一个最小的和可验证的代码。@coder只共享所需的代码。也要更具体地说明你的问题。如果你看我文章的结尾,它显示了所需的代码,而且非常具体。我建议你再看一遍。嗨,我很困惑,因为你共享了代码。你应该只放那些代码有效错误。如果$structureValue.val==Building&&Environment&&Roof&&Pet深入查看我编写的代码,您的语句将出错,读者可能会在深层次上迷失方向。请解释更改的内容和原因。您是在为读者回答,而不仅仅是OPRight…可以。