{ "key_pair_value_system": true, "answer_rating_count": "", "question_feedback_html": { "html_star": "", "html_star_feedback": "" }, "answer_average_rating_value": "", "answer_date_js": "2024-08-30T02:47:55-04:00", "answer_date": "2024-08-30 02:47:55", "is_docs_available": null, "is_excel_available": null, "is_pdf_available": null, "count_file_available": 0, "main_page": "student_question_view", "question_id": "8698511", "url": "\/study-help\/questions\/i-keep-getting-an-error-on-my-homepage-but-when-8698511", "question_creation_date_js": "2024-08-30T02:47:55-04:00", "question_creation_date": "Aug 30, 2024 02:47 AM", "meta_title": "[Solved] I keep getting an error on my homepage, b | SolutionInn", "meta_description": "Answer of - I keep getting an error on my homepage, but when i load it, under MY FAVORITE BAND when i click add nirvana it is supp | SolutionInn", "meta_keywords": "error,homepage,load,favorite,band,click,add,nirvana,supposed,display,talented,bands", "question_title_h1": "I keep getting an error on my homepage, but when i load it, under MY FAVORITE BAND when i click add nirvana it is supposed", "question_title": "I keep getting an error on my homepage, but when i load", "question_title_for_js_snippet": "I keep getting an error on my homepage, but when i load it, under MY FAVORITE BAND when i click add nirvana it is supposed to display only talented bands but then it is saying in the console message that there is an error on my JS CODE however I do not know how to fix this error so this is my HTML CODE' Abiodun's Website Skip to Main Content Hello Welcome to my Homepage Home About News Content Welcome to my Homepage Add My Name This is my first time creating a website and it has been fun so far My name is Abiodun Ogunwomoju and I am a Computer Information Systems (CIS) major You will find some interest things about me here My goal this semester is to learn how to create an advanced website without needing to watch a tutorial video Someday,I hope to learn how to program with Java, C , Swift, Ruby, Python and C FEEL FREE TO EXPLORE AROUND My Favorite Band The Beatles Imagine Dragons Big Time Rush One Direction The Beatles Add Nirvana Only talented bands Interesting Things About Me I am 19 years old I am Freshman Junior I came to University of Houston with my Associates Degree I am eager to learn different types of programming language My favorite TV show is Persons of Interest Show Console Log and this is my JS CODE import url('bootstrap min css') import url('https fonts googleapis com css family Dosis') html, body background color rgb(147, 130, 43) font size 18px height 100 margin 0 padding 0 body display flex font family san serif flex direction column color Black p margin 1em p ridge border style ridge color maroon background color black skip display none a text decoration none a hover color black header background Black flex none margin 0 padding 0 text align center h1 color maroon font family sans serif font weight bold h1 a link, h1 a visited, h1 a hover, h1 a active color Maroon font weight 100 font family 'Bradley Hand', cursive h2 color black font family cursive text align center text decoration none text transform uppercase h1,h2 display inline block nav font family Verdana, sans serif nav ul list style type square margin 0 padding 0 background maroon nav li first child display none text align right nav li first child hover background color red nav li not( first child) display none nav li hover background color black nav li hover a background color black nav a display block text decoration none nav a link, nav a visited, nav a hover, nav a active text decoration none color Black main content flex 1 section flex direction column display flex section button background color black display block max width 100 margin auto article flex 1 float left text align center padding 1em article ol text align left pre display none flex 1 margin 1em talented display none footer background color black bottom 0 color white display block width 100 padding 1em media all and (min width 600px) section display flex flex direction row media all and (min width 720px) nav ul padding 0 0 0 auto nav li first child display none nav li not( first child) display inline block important nav a display block padding 1em home study engineering computer science computer science questions and answers i keep getting an error on my homepage, but when i load it, under my favorite band when i Your question needs more information to be answered A Chegg Expert needs more info to provide you with the best answer See comments below Question I keep getting an error on my homepage, but when i load it, under MY FAVORITE BAND when i click Edit question I keep getting an error on my homepage, but when i load it, under MY FAVORITE BAND when i click add nirvana it is supposed to display only talented bands but then it is saying in the console message that there is an error on my JS CODE however I do not know how to fix this error so this is my HTML CODE' Abiodun's Website Skip to Main Content Hello Welcome to my Homepage Home About News Content Welcome to my Homepage Add My Name This is my first time creating a website and it has been fun so far My name is Abiodun Ogunwomoju and I am a Computer Information Systems (CIS) major You will find some interest things about me here My goal this semester is to learn how to create an advanced website without needing to watch a tutorial video Someday,I hope to learn how to program with Java, C , Swift, Ruby, Python and C FEEL FREE TO EXPLORE AROUND My Favorite Band The Beatles Imagine Dragons Big Time Rush One Direction The Beatles Add Nirvana Only talented bands Interesting Things About Me I am 19 years old I am Freshman Junior I came to University of Houston with my Associates Degree I am eager to learn different types of programming language My favorite TV show is Persons of Interest Show Console Log and this is my JS CODE import url('bootstrap min css') import url('https fonts googleapis com css family Dosis') html, body background color rgb(147, 130, 43) font size 18px height 100 margin 0 padding 0 body display flex font family san serif flex direction column color Black p margin 1em p ridge border style ridge color maroon background color black skip display none a text decoration none a hover color black header background Black flex none margin 0 padding 0 text align center h1 color maroon font family sans serif font weight bold h1 a link, h1 a visited, h1 a hover, h1 a active color Maroon font weight 100 font family 'Bradley Hand', cursive h2 color black font family cursive text align center text decoration none text transform uppercase h1,h2 display inline block nav font family Verdana, sans serif nav ul list style type square margin 0 padding 0 background maroon nav li first child display none text align right nav li first child hover background color red nav li not( first child) display none nav li hover background color black nav li hover a background color black nav a display block text decoration none nav a link, nav a visited, nav a hover, nav a active text decoration none color Black main content flex 1 section flex direction column display flex section button background color black display block max width 100 margin auto article flex 1 float left text align center padding 1em article ol text align left pre display none flex 1 margin 1em talented display none footer background color black bottom 0 color white display block width 100 padding 1em media all and (min width 600px) section display flex flex direction row media all and (min width 720px) nav ul padding 0 0 0 auto nav li first child display none nav li not( first child) display inline block important nav a display block padding 1em JS CODE var log ' This is a message in the console log ' function showCopy() var d new Date() var year d getFullYear() var month d getMonth() Months January , February , March , April , May , June , July , August , September , October , November , December var footer document getElementsByTagName('footer') 0 var p document createElement('p') p innerHTML ' ' (Months month ) ' ' year ' by Abiodun (Abby) Ogunwomoju All Rights Reserved ' footer appendChild(p) log ' A paragraph has been added to the footer ' window onload showCopy function toggleMenu() var items document getElementsByClassName ('menuItem') var icon document getElementById ('menuIcon') if (items 0 style display 'block') for (var i 0 i", "question_description": "

I keep getting an error on my homepage, but when i load it, under \"MY FAVORITE BAND\" when i click \"add nirvana\" it is supposed to display \"only talented bands?\" but then it is saying in the console message that there is an error on my JS CODE however I do not know how to fix this error.<\/p>

so this is my HTML CODE'<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Abiodun's Website<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Skip to Main Content<\/p>

<\/p>

<\/p>

Hello! Welcome to my Homepage<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Home<\/p>

About<\/p>

News<\/p>

Content<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Welcome to my Homepage!<\/p>

<\/p>

Add My Name<\/p>

<\/p>

<\/p>

This is my first time creating a website and it has been fun so far. My name is Abiodun Ogunwomoju and I am a Computer Information Systems (CIS) major. You will find some interest things about me here. My goal this semester is to learn how to create an advanced website without needing to watch a tutorial video. Someday,I hope to learn how to program with Java, C++, Swift, Ruby, Python and C.<\/p>

<\/p>

FEEL FREE TO EXPLORE AROUND!!<\/strong><\/p>

<\/p>

<\/p>

<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

My Favorite Band<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

The Beatles<\/strong><\/strong><\/p>

Imagine Dragons<\/strong><\/strong><\/p>

Big Time Rush<\/strong><\/strong><\/p>

One Direction<\/strong><\/strong><\/p>

The Beatles<\/strong><\/strong><\/p>

<\/p>

Add Nirvana?<\/strong><\/strong><\/p>

Only talented bands?<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Interesting Things About Me<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

I am 19 years old.<\/strong><\/strong><\/p>

I am Freshman\/Junior.<\/strong><\/strong><\/p>

I came to University of Houston with my Associates Degree.<\/strong><\/strong><\/p>

I am eager to learn different types of programming language.<\/strong><\/strong><\/p>

My favorite TV show is Persons of Interest<\/em><\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Show Console Log<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

 <\/pre> 

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/strong><\/strong><\/p>

<\/p>

<\/p>

<\/p>

and this is my JS CODE<\/strong><\/strong><\/p>

@import url('bootstrap.min.css');<\/strong><\/strong><\/p>

@import url('https:\/\/fonts.googleapis.com\/css?family=Dosis');<\/strong><\/strong><\/p>

html, body{<\/strong><\/strong><\/p>

background-color:rgb(147, 130, 43);<\/strong><\/strong><\/p>

font-size: 18px;<\/strong><\/strong><\/p>

height:100%;<\/strong><\/strong><\/p>

margin:0;<\/strong><\/strong><\/p>

padding:0;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

body {<\/strong><\/strong><\/p>

display:flex;<\/strong><\/strong><\/p>

font-family: san-serif;<\/strong><\/strong><\/p>

flex-direction: column;<\/strong><\/strong><\/p>

color: Black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

p{<\/strong><\/strong><\/p>

margin: 1em;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

p.ridge {<\/strong><\/strong><\/p>

border-style: ridge;<\/strong><\/strong><\/p>

color:maroon;<\/strong><\/strong><\/p>

background-color: black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

#skip {<\/strong><\/strong><\/p>

display: none;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

a {<\/strong><\/strong><\/p>

text-decoration: none;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

a:hover {<\/strong><\/strong><\/p>

color: black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

header {<\/strong><\/strong><\/p>

background: Black;<\/strong><\/strong><\/p>

flex: none;<\/strong><\/strong><\/p>

margin: 0;<\/strong><\/strong><\/p>

padding: 0;<\/strong><\/strong><\/p>

text-align: center;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

h1 {<\/strong><\/strong><\/p>

color: maroon;<\/strong><\/strong><\/p>

font-family:sans-serif;<\/strong><\/strong><\/p>

font-weight: bold;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

h1 a:link,<\/strong><\/strong><\/p>

h1 a:visited,<\/strong><\/strong><\/p>

h1 a:hover,<\/strong><\/strong><\/p>

h1 a:active {<\/strong><\/strong><\/p>

color: Maroon;<\/strong><\/strong><\/p>

font-weight: 100;<\/strong><\/strong><\/p>

font-family: 'Bradley Hand', cursive;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

h2 {<\/strong><\/strong><\/p>

color: black;<\/strong><\/strong><\/p>

font-family:cursive;<\/strong><\/strong><\/p>

text-align: center;<\/strong><\/strong><\/p>

text-decoration: none;<\/strong><\/strong><\/p>

text-transform: uppercase;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

h1,h2 {display: inline-block;}<\/strong><\/strong><\/p>

nav {<\/strong><\/strong><\/p>

font-family: Verdana, sans-serif;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav ul {<\/strong><\/strong><\/p>

list-style-type: square;<\/strong><\/strong><\/p>

margin: 0;<\/strong><\/strong><\/p>

padding: 0;<\/strong><\/strong><\/p>

background:maroon;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav li:first-child {<\/strong><\/strong><\/p>

display: none;<\/strong><\/strong><\/p>

text-align:right;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav li:first-child:hover {<\/strong><\/strong><\/p>

background-color:red;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav li:not(:first-child)<\/strong><\/strong><\/p>

{<\/strong><\/strong><\/p>

display:none;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav li:hover {<\/strong><\/strong><\/p>

background-color: black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav li:hover a {<\/strong><\/strong><\/p>

background-color: black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav a{<\/strong><\/strong><\/p>

display:block;<\/strong><\/strong><\/p>

text-decoration: none;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

nav a:link,<\/strong><\/strong><\/p>

nav a:visited,<\/strong><\/strong><\/p>

nav a:hover,<\/strong><\/strong><\/p>

nav a active {<\/strong><\/strong><\/p>

text-decoration:none;<\/strong><\/strong><\/p>

color: Black;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

#main-content {<\/strong><\/strong><\/p>

flex: 1;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

section {<\/strong><\/strong><\/p>

flex-direction:column;<\/strong><\/strong><\/p>

display: flex;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

section button {<\/strong><\/strong><\/p>

background-color: black;<\/strong><\/strong><\/p>

display:block;<\/strong><\/strong><\/p>

max-width: 100%;<\/strong><\/strong><\/p>

margin: auto;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

article{<\/strong><\/strong><\/p>

flex: 1;<\/strong><\/strong><\/p>

float: left;<\/strong><\/strong><\/p>

text-align: center;<\/strong><\/strong><\/p>

padding: 1em;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

article ol{ text-align: left;}<\/strong><\/strong><\/p>

pre {<\/strong><\/strong><\/p>

display: none;<\/strong><\/strong><\/p>

flex: 1;<\/strong><\/strong><\/p>

margin: 1em;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

#talented {<\/strong><\/strong><\/p>

display: none;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

footer {<\/strong><\/strong><\/p>

background-color: black;<\/strong><\/strong><\/p>

bottom: 0;<\/strong><\/strong><\/p>

color: white;<\/strong><\/strong><\/p>

display: block;<\/strong><\/strong><\/p>

width: 100%;<\/strong><\/strong><\/p>

padding: 1em;<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

@media all and (min-width: 600px){<\/strong><\/strong><\/p>

section{display: flex; flex-direction:row;}<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

<\/strong><\/strong><\/p>

@media all and (min-width:720px)<\/strong><\/strong><\/p>

{<\/strong><\/strong><\/p>

nav ul {padding:0 0 0 auto;}<\/strong><\/strong><\/p>

nav li:first-child{display:none;}<\/strong><\/strong><\/p>

nav li: not(:first-child) {display: inline-block: !important;}<\/strong><\/strong><\/p>

nav a {display: block; padding: 1em;}<\/strong><\/strong><\/p>

}<\/strong><\/strong><\/p>

<\/p>

home \/ study \/ engineering \/ computer science \/ computer science questions and answers \/ i keep getting an error on my homepage, but when i load it, under \"my favorite band\" when i ...<\/p>

Your question needs more information to be answered.<\/p>

A Chegg Expert needs more info to provide you with the best answer. See comments below.<\/p>

Question: I keep getting an error on my homepage, but when i load it, under \"MY FAVORITE BAND\" when i click...<\/p>

Edit question<\/p>

I keep getting an error on my homepage, but when i load it, under \"MY FAVORITE BAND\" when i click \"add nirvana\" it is supposed to display \"only talented bands?\" but then it is saying in the console message that there is an error on my JS CODE however I do not know how to fix this error.<\/p>

so this is my HTML CODE'<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

<\/p>

Abiodun's Website<\/title><\/p> <p><link rel=\"stylesheet\" href=\"_includes\/_css\/style.css\" type=\"text\/css\" \/><\/p> <p><script type=\"text\/javascript\" src=\"_includes\/_scripts\/script.js\"><\/script><\/p> <p><\/head><\/p> <p> <\/p> <p><body><\/p> <p>Skip to Main Content<\/p> <p><header role=\"banner\"><\/p> <p><h1>Hello! Welcome to my Homepage<\/h1><\/p> <p><\/header><\/p> <p> <\/p> <p><nav role= \"navigation\"><\/p> <p><ul><\/p> <p><li><\/li><\/p> <p><li>Home<\/li><\/p> <p><li>About<\/li><\/p> <p><li>News<\/li><\/p> <p><li>Content<\/li><\/p> <p><\/ul><\/p> <p> <\/p> <p><\/nav><\/p> <p><div id=\"main-content\"><\/p> <p><section role=\"main\"><\/p> <p><article><\/p> <p><h2 id=\"greet\">Welcome to my Homepage!<\/h2><\/p> <p><button type=\"button\" onclick=\"greetUser()\">Add My Name<\/button><\/p> <p> <\/p> <p><p>This is my first time creating a website and it has been fun so far. My name is Abiodun Ogunwomoju and I am a Computer Information Systems (CIS) major. You will find some interest things about me here. My goal this semester is to learn how to create an advanced website without needing to watch a tutorial video. Someday,I hope to learn how to program with Java, C++, Swift, Ruby, Python and C.<\/p><\/p> <p><strong>FEEL FREE TO EXPLORE AROUND!!<strong\/><\/p> <p><\/article><\/p> <p> <\/p> <p><article><\/p> <p><h2> My Favorite Band<\/h2><\/p> <p><ol id=\"myList\"><\/p> <p><li>The Beatles<\/li><\/p> <p><li>Imagine Dragons<\/li><\/p> <p><li>Big Time Rush<\/li><\/p> <p><li>One Direction<\/li><\/p> <p><li>The Beatles<\/li><\/p> <p><\/ol><\/p> <p><button onclick=\"addNirvana()\" id=\"nirvana\">Add Nirvana?<\/button><\/p> <p><button onclick=\"talentedBands()\" id=\"talented\">Only talented bands?<\/button><\/p> <p><\/article><\/p> <p><article><\/p> <p><h2>Interesting Things About Me<\/h2><\/p> <p><ol><\/p> <p><li> I am 19 years old.<\/li><\/p> <p><li> I am Freshman\/Junior.<\/li><\/p> <p><li>I came to University of Houston with my Associates Degree.<\/li><\/p> <p><li> I am eager to learn different types of programming language.<\/li><\/p> <p><li> My favorite TV show is <em>Persons of Interest<\/em><\/p> <p><\/ol><\/p> <p><\/article><\/p> <p><\/section><\/p> <p><section><\/p> <p><button id=\"console\" onclick=\"showMssg()\">Show Console Log<\/button><\/p> <p><\/section><\/p> <p><section><\/p> <p><pre><\/p> <p><\/pre><\/p> <p><\/section><\/p> <p><\/div><\/p> <p><footer role=\"contentinfo\"><\/p> <p><\/footer> <\/p> <p><\/body><\/p> <p><\/html><\/p> <p>and this is my JS CODE<\/p> <p>@import url('bootstrap.min.css');<\/p> <p>@import url('https:\/\/fonts.googleapis.com\/css?family=Dosis');<\/p> <p>html, body{<\/p> <p>background-color:rgb(147, 130, 43);<\/p> <p>font-size: 18px;<\/p> <p>height:100%;<\/p> <p>margin:0;<\/p> <p>padding:0;<\/p> <p>}<\/p> <p>body {<\/p> <p>display:flex;<\/p> <p>font-family: san-serif;<\/p> <p>flex-direction: column;<\/p> <p>color: Black;<\/p> <p>}<\/p> <p>p{<\/p> <p>margin: 1em;<\/p> <p>}<\/p> <p>p.ridge {<\/p> <p>border-style: ridge;<\/p> <p>color:maroon;<\/p> <p>background-color: black;<\/p> <p>}<\/p> <p>#skip {<\/p> <p>display: none;<\/p> <p>}<\/p> <p>a {<\/p> <p>text-decoration: none;<\/p> <p>}<\/p> <p>a:hover {<\/p> <p>color: black;<\/p> <p>}<\/p> <p>header {<\/p> <p>background: Black;<\/p> <p>flex: none;<\/p> <p>margin: 0;<\/p> <p>padding: 0;<\/p> <p>text-align: center;<\/p> <p>}<\/p> <p>h1 {<\/p> <p>color: maroon;<\/p> <p>font-family:sans-serif;<\/p> <p>font-weight: bold;<\/p> <p>}<\/p> <p>h1 a:link,<\/p> <p>h1 a:visited,<\/p> <p>h1 a:hover,<\/p> <p>h1 a:active {<\/p> <p>color: Maroon;<\/p> <p>font-weight: 100;<\/p> <p>font-family: 'Bradley Hand', cursive;<\/p> <p>}<\/p> <p>h2 {<\/p> <p>color: black;<\/p> <p>font-family:cursive;<\/p> <p>text-align: center;<\/p> <p>text-decoration: none;<\/p> <p>text-transform: uppercase;<\/p> <p>}<\/p> <p>h1,h2 {display: inline-block;}<\/p> <p>nav {<\/p> <p>font-family: Verdana, sans-serif;<\/p> <p>}<\/p> <p>nav ul {<\/p> <p>list-style-type: square;<\/p> <p>margin: 0;<\/p> <p>padding: 0;<\/p> <p>background:maroon;<\/p> <p>}<\/p> <p>nav li:first-child {<\/p> <p>display: none;<\/p> <p>text-align:right;<\/p> <p>}<\/p> <p>nav li:first-child:hover {<\/p> <p>background-color:red;<\/p> <p>}<\/p> <p>nav li:not(:first-child)<\/p> <p>{<\/p> <p>display:none;<\/p> <p>}<\/p> <p>nav li:hover {<\/p> <p>background-color: black;<\/p> <p>}<\/p> <p>nav li:hover a {<\/p> <p>background-color: black;<\/p> <p>}<\/p> <p>nav a{<\/p> <p>display:block;<\/p> <p>text-decoration: none;<\/p> <p>}<\/p> <p>nav a:link,<\/p> <p>nav a:visited,<\/p> <p>nav a:hover,<\/p> <p>nav a active {<\/p> <p>text-decoration:none;<\/p> <p>color: Black;<\/p> <p>}<\/p> <p>#main-content {<\/p> <p>flex: 1;<\/p> <p>}<\/p> <p>section {<\/p> <p>flex-direction:column;<\/p> <p>display: flex;<\/p> <p>}<\/p> <p>section button {<\/p> <p>background-color: black;<\/p> <p>display:block;<\/p> <p>max-width: 100%;<\/p> <p>margin: auto;<\/p> <p>}<\/p> <p>article{<\/p> <p>flex: 1;<\/p> <p>float: left;<\/p> <p>text-align: center;<\/p> <p>padding: 1em;<\/p> <p>}<\/p> <p>article ol{ text-align: left;}<\/p> <p>pre {<\/p> <p>display: none;<\/p> <p>flex: 1;<\/p> <p>margin: 1em;<\/p> <p>}<\/p> <p>#talented {<\/p> <p>display: none;<\/p> <p>}<\/p> <p>footer {<\/p> <p>background-color: black;<\/p> <p>bottom: 0;<\/p> <p>color: white;<\/p> <p>display: block;<\/p> <p>width: 100%;<\/p> <p>padding: 1em;<\/p> <p>}<\/p> <p>@media all and (min-width: 600px){<\/p> <p>section{display: flex; flex-direction:row;}<\/p> <p>}<\/p> <p> <\/p> <p>@media all and (min-width:720px)<\/p> <p>{<\/p> <p>nav ul {padding:0 0 0 auto;}<\/p> <p>nav li:first-child{display:none;}<\/p> <p>nav li: not(:first-child) {display: inline-block: !important;}<\/p> <p>nav a {display: block; padding: 1em;}<\/p> <p>}<\/p> <p> <\/p> <p>JS CODE<\/p> <p> <\/p> <p>var log = '<p>This is a message in the console log.<\/p>';<\/p> <p>function showCopy() {<\/p> <p>var d = new Date();<\/p> <p>var year = d.getFullYear();<\/p> <p> var month = d.getMonth(); <\/p> <p>Months= [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];<\/p> <p>var footer = document.getElementsByTagName('footer')[0];<\/p> <p>var p = document.createElement('p');<\/p> <p>p.innerHTML = '\u00a9 '+ (Months[month])+ ' '+year +' by Abiodun (Abby) Ogunwomoju. All Rights Reserved.';<\/p> <p>footer.appendChild(p);<\/p> <p>log += '<p> A paragraph has been added to the footer. <\/p>';<\/p> <p>}<\/p> <p>window.onload = showCopy;<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>function toggleMenu() {<\/p> <p>var items = document.getElementsByClassName ('menuItem');<\/p> <p>var icon = document.getElementById ('menuIcon');<\/p> <p>if (items[0].style.display == 'block') {<\/p> <p>for (var i=0;i<items.length;i++){<\/p> <p> items[i].style.display = 'none';<\/p> <p>}<\/p> <p>icon.classList.remove('glyphicon-remove');<\/p> <p>icon.classList.add('glyphicon-menu-hamburger');<\/p> <p>icon.setAttribute ('aria-label','View Navigation');<\/p> <p>} else {<\/p> <p>for (var i=0;i<items.length;i++){<\/p> <p> items[i].style.display = 'block';<\/p> <p>}<\/p> <p>icon.classList.remove('glyphicon-menu-hamburger');<\/p> <p>icon.classList.add('glyphicon-remove');<\/p> <p>icon.setAttribute('aria-label','Collapse Navigation');<\/p> <p>}<\/p> <p>}<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>function addNirvana() {<\/p> <p>var item = document.createElement('li');<\/p> <p>var nirvana = document.getElementById('nirvana');<\/p> <p>item.innerHTML = 'Nirvana';<\/p> <p>document.getElementById('myList').appendChild(item);<\/p> <p>log += '<p>Nirvana added to the list!<\/p>';<\/p> <p>var firstArt = document.getElementsByTagName('article')[0];<\/p> <p>firstArt.removeChild(nirvana);<\/p> <p>log += '<p>#nirvana has been removed from HTML.<\/p>';<\/p> <p>var talented = document.getElementById('talented');<\/p> <p>talented.style.display = 'block';<\/p> <p>log += '<p>#talented is now visible.<\/p>';<\/p> <p>}<\/p> <p> <\/p> <p>function talentedBands() {<\/p> <p>var list = document.getElementById('myList');<\/p> <p>var listItems = list.getElementsByTagName('li');<\/p> <p>for (var i=0; i<listItems.length; i++) {<\/p> <p>if (!listItems[i].classList.contains('listItem')) {<\/p> <p>listItems[i].style.display = 'none';<\/p> <p>}<\/p> <p>}<\/p> <p>log += '<p>Boring bands removed!<\/p>';<\/p> <p>var talented = document.getElementById('talented');<\/p> <p>talented.style.display = 'none';<\/p> <p>log += '<p>#talented is now hidden again.<\/p>';<\/p> <p>}<\/p> <p> <\/p> <p> <\/p> <p>function greetUser() {<\/p> <p>var currHead = document.getElementById('greet');<\/p> <p>var name = prompt('What\\'s your name?','Enter your name here.');<\/p> <p>if ((name == null) || (name == 'Enter your name here.') || (name == '')) {<\/p> <p>name = 'Unknown';<\/p> <p>}<\/p> <p>currHead.innerHTML = 'Greetings, '+ name +'!';<\/p> <p>log += '<p>'+ name +' has been greeted.<\/p>';<\/p> <p>}<\/p> <p> <\/p> <p> <\/p> <p> <\/p> <p>function showMssg() {<\/p> <p>var message = document.getElementsByTagName('pre')[0];<\/p> <p>var console = document.getElementById('console');<\/p> <p>if (message.style.display == 'block') {<\/p> <p>log += '<p>The log is now hidden.<\/p>';<\/p> <p>message.style.display = 'none';<\/p> <p>console.innerHTML = 'Show Console Log';<\/p> <p>} else {<\/p> <p>log += '<p>The log is now visible.<\/p>';<\/p> <p>message.innerHTML = log;<\/p> <p>message.style.display = 'block';<\/p> <p>console.innerHTML = 'Hide Console Log';<\/p> <p>}<\/p> <p>}<\/p>", "transcribed_text": "", "related_book": { "title": null, "isbn": null, "edition": null, "authors": null, "cover_image": null, "uri": null, "see_more_uri": "" }, "free_related_book": { "isbn": "", "uri": "", "name": "", "edition": "" }, "question_posted": "2024-08-30 02:47:55", "see_more_questions_link": "\/study-help\/questions\/computer-science-computer-network-2023-February-20", "step_by_step_answer": "The Answer is in the image, click to view ...", "students_also_viewed": [ { "url": "\/study-help\/modern-mathematical-statistics-with-applications\/85-call-x-a-subsolution-of-824-if-x-1987018", "description": "=+8.5. Call {x}} a subsolution of (8.24) if x; E,q ,; x, and 0 x, 1, i U. Extending Lemma 1, show that a subsolution [x,) satisfies x, So; The solution (0;} of (8.24) dominates all subsolutions as...", "stars": 0 }, { "url": "\/deeds-company-sells-custommade-machine-parts-to-industrial-equipment-manufacturers", "description": "Deeds Company sells custom-made machine parts to industrial equipment manufacturers by bidding cost plus 40 percent, where cost is de\u00ef\u00acned as manufacturing cost plus order processing cost....", "stars": 3.5 }, { "url": "\/study-help\/questions\/on-december-1-victoria-company-signed-a-90day-6-note-10033816", "description": "on december 1 victoria company signed a 90-day 6% note payable with a face value of $16800. what amount if interest expense is accrued at december 31 on the note", "stars": 3.5 }, { "url": "\/study-help\/questions\/discuss-the-strengths-and-weaknesses-of-this-organisations-website-which-4828856", "description": "Discuss the strengths and weaknesses of this organisations website which you have selected above. Suggest some innovative recommendations on how this organisation could improve its website so that it...", "stars": 3.5 }, { "url": "\/study-help\/questions\/13-which-stress-values-will-be-nonzero-at-location-j-1025765", "description": "13. Which stress value(s) will be nonzero at location J? A. Ozz B. Oyy X C. Ozz D. y E. Ozz F. Oyz X y A M Cross Section at A-A Y Z A B 0\/1 points", "stars": 3.5 }, { "url": "\/study-help\/questions\/question-on-setting-up-supplier-recordsq115fmcssq1-after-you-have-finished-795354", "description": "Question on setting up supplier records(Q=115.F.M.CS.S.Q1) After you have finished setting up the supplier records for Hi-Fi Way, Edgar asks you to perform the following steps in MYOB and then...", "stars": 3.5 }, { "url": "\/study-help\/questions\/which-forms-of-speculation-or-postponement-is-each-of-the-1007981", "description": "Which forms of speculation or postponement is each of the following? (Explain in full) 1) A computer hardware company is producing parts of the computer and ship. them to market but only assemble...", "stars": 3.5 }, { "url": "\/study-help\/questions\/identify-and-describe-the-most-possible-generic-strategy-ies-followed-1008118", "description": "Identify and describe the most possible generic strategy (ies) followed by your corporation. Mention the evidence you find from the corporate site. Use the industry analysis (Five Forces of Porter...", "stars": 3.5 }, { "url": "\/study-help\/questions\/10-you-are-working-through-negotiations-with-stakeholders-of-your-4837691", "description": "10 You are working through negotiations with stakeholders of your project and want to find ways to more effectively influence. What are the four steps to effective influence according to Dr. Jay...", "stars": 3.5 } ], "next_back_navigation": { "previous": "\/study-help\/questions\/nutall-corporation-is-considering-dropping-product-n28x-data-from-the-8698510", "next": "\/study-help\/questions\/company-leadership-has-looked-over-the-executive-and-company-summary-8698512" }, "breadcrumbs": [ { "name": "Study help", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers" }, { "name": "Computer Science", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers\/computer-science" }, { "name": "Databases", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/computer-science-databases" }, { "name": "I keep getting an error on my homepage, but when i load", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/i-keep-getting-an-error-on-my-homepage-but-when-8698511" } ], "skill_details": { "skill_id": "656", "skill_name": "Databases", "parent_id": "8" } }