type or paste code here
hi. doing the movie review lab project. now having issue with the span and inside a p element. so how do i get this to work. what am i doing wrong? so any example to help me out. first time doing the span with the p tag. marvin.
ps: pasting my code below.
can any one help and tell me how to get htis to work.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Movie Review</title>
</head>
<body>
<main>
<h1>Movie Review: Rise Beyond Movie Review</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="The Rise Beyond movie poster, starring Ethan Carter. A portrait of a young boy standing on a stage with his back towards the audience, holding a guitar at his side, staring at a backdrop of a cityscape with the sun rising behind its tall buildings" />
<p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided byhis mentor, Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
<p><strong>Movie Rating:</strong><span="rating" aria-hidden="true">**********</span>(9.2/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>James Holloway</strong>strong><strong> as Ethan Carter</strong></li>
<li><strong>Olivia Sterling</strong> <strong>as as Lena Mitchell</strong></li>
<li><strong>William Langcaster</strong>strong> <strong>as Professor Adams</strong></li>
<li><strong>Maria Collins</strong> <strong>as as Evelyn Carter (Ethan's Mother)</strong>strong></li>
</ul>
</main>
</body>
</html>
Preformatted texthi, heres the link for the movie preview page.
it is the span element that is giving me grief. maybe dont understand that or doing this for the first time.
marvin.
hi, so can some one help me out, and how to get the span eleement to work. using the jaws for windows screen reader and totally blind. so first time doing the span element.
marvin.
hi. okay not liking the span. only item not doing this. and not passing. what am i missing? please help. so will paste the error and code below.
can any one help. blind and using a screen reader. so not sure why it is not passing. can any one help asap.
marvin.
ps: pasting the error message and the code below.
Failed:8. The span element inside the rating paragraph should have ten stars, either filled in () or empty (☆), followed by a numerical value in parentheses
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Movie Review</title>
</head>
<body>
<main>
<h1>Movie Review: Rise Beyond Movie Review</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="The Rise Beyond movie poster, starring Ethan Carter. A portrait of a young boy standing on a stage with his back towards the audience, holding a guitar at his side, staring at a backdrop of a cityscape with the sun rising behind its tall buildings" />
<p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided byhis mentor, Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
<p><span aria-hidden="true">*********<strong>Movie Rating:</strong></span>(9.2/10)</p>
<p><span aria-hidden="true">*********<strong>Movie Rating:</strong></span>(9.2/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>James Holloway</strong> <strong> as Ethan Carter</strong></li>
<li><strong>Olivia Sterling</strong><strong> as Lena Mitchell</strong></li>
<li><strong>William Langcaster</strong><strong> as Professor Adams</strong></li>
<strong><strong>Maria Collins </strong><strong> as Evelyn Carter (Ethan's Mother)</strong></li>
</ul>
</main>
</body>
</html>
Note the order that the li elements have to appear in - see user story 5. The strong element with the text Moving Rating: has to appear first.
You have put asterisks instead of cut and pasting the stars in user story 5.
A note on the numerical rating. I would not put (9.2/10) if you only have 9 stars filled out of 10. I would put (9/10).
Add a space after the colon in the text in the strong element. Likewise a space before the numerical moving rating after the span element. That way when it presents on screen the text will have appropriate spacing.
hi. so how do i do the stars. thought it was *. if not, then how to do this. looked at the sample project. okay, so it does pass except the span id stuff.
marvin.
Look at the second bullet point of user story five. After the word “stars” and before the full stop there is a highlighted section with 10 stars, filled and unfilled. Cut and paste those into your code instead of the asterisks.
OK, sort the stars out and then post your updated code into the forum if it still doesn’t pass.
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
type or paste code herehi. okay still not liking the stars and did find the white star and the star. still not working. so how to get this to work. do you have some code, where i am putting it wrong. this is the only failure.
pasting my code below.
so how to get the stars to pass. what stupid thing am i doing. tried about four or five times and tried it. so please help. so heres’ my updated code. frustrated. totally blind and using jaws for windows screen reader. so cannot see. help?
how to get this to work, unless got my code wrong for the 2 p and span elements.
marvin.
ps: pasting below.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Movie Review</title>
</head>
<body>
<main>
<h1>Movie Review: Rise Beyond Movie Review</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="The Rise Beyond movie poster, starring Ethan Carter. A portrait of a young boy standing on a stage with his back towards the audience, holding a guitar at his side, staring at a backdrop of a cityscape with the sun rising behind its tall buildings" />
<p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided byhis mentor, Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
<p><span aria-hidden="true"> <strong>Movie Rating:</strong> ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐☆☆☆☆☆☆☆☆☆☆ </span>(9/10)</p>
<p><span aria-hidden="true"> <strong>Movie Rating:</strong> ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐☆☆☆☆☆☆☆☆☆☆ </span>(9/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>James Holloway</strong> <strong> as Ethan Carter</strong></li>
<li><strong>Olivia Sterling</strong><strong> as Lena Mitchell</strong></li>
<li><strong>William Langcaster</strong><strong> as Professor Adams</strong></li>
<li> <strong>Maria Collins </strong><strong> as Evelyn Carter (Ethan's Mother)</strong></li>
</ul>
</main>
</body>
</html>
You still have to sort out the order of the elements.
Note the order that the li elements have to appear in - see user story 5. The strong element with the text Moving Rating: has to appear first.
The user story says it needs 10 stars in total. 9 filled stars and 1 unfilled to match your total.
Add a space after the colon in the text in the strong element. Likewise a space before the numerical moving rating after the span element. That way when it presents on screen the text will have appropriate spacing.
Remove the spacing around the stars inside the span element.
hi.just give me the code. cannot get the stars span right. tried about 10 times. totally frustrated. and using a screen reader. so did try your suggestions. and will then paste my code and the error below.
marvin.
type or paste code here
Failed:8. The span element inside the rating paragraph should have ten stars, either filled in () or empty (☆), followed by a numerical value in parentheses
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Movie Review</title>
</head>
<body>
<main>
<h1>Movie Review: Rise Beyond Movie Review</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="The Rise Beyond movie poster, starring Ethan Carter. A portrait of a young boy standing on a stage with his back towards the audience, holding a guitar at his side, staring at a backdrop of a cityscape with the sun rising behind its tall buildings" />
<p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided byhis mentor, Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
<p><span aria-hidden="true"><strong>Movie Rating:</strong>⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐☆☆☆☆☆☆☆☆☆☆</span>(9/10)</p>
<p><span aria-hidden="true"><strong>Movie Rating:</strong>⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐☆☆☆☆☆☆☆☆☆☆</span>(9/10)</p>
<h2>Cast Members</h2>
<ul>
<li><strong>James Holloway</strong> <strong> as Ethan Carter</strong></li>
<li><strong>Olivia Sterling</strong><strong> as Lena Mitchell</strong></li>
<li><strong>William Langcaster</strong><strong> as Professor Adams</strong></li>
<li> <strong>Maria Collins </strong><strong> as Evelyn Carter (Ethan's Mother)</strong></li>
</ul>
</main>
</body>
</html>
hi. it passes for the list. so the only problems is the stars stuff. totally frustrated. and just stuck. so need the code so i can then hear what it is doing and then why it is not passing. tried about 10 or more times. totally frustrated. and not able to see as totally blind.
marvin.
hi. any one online from staff able to help me. been waiting almost 2 hours for help. cannot move till i get this fixed. i realize you may be only vollunteers. appreciate the help. yes i am just one blind person here on the forum.
please help asap.
marvin.
Hi. The stars themselves are fine. You have 20 stars in total when there should be 10. To match your numerical total of (9/10) you need to delete some so you have 10 stars in total.
2nd thing to fix:
User story 5 says the p element should have within it (in this order):
Strong element with the text Movie Rating:
A span element with an aria-hidden attribute etc.
A numerical rating.
You have the 1st two elements in the wrong order so you need to switch them around.
3rd thing to fix:
Put a space in the text after “Movie rating:”. Although the instructions don’t ask for a space here your code didn’t pass for me without this space. I’ll raise an issue about this on Github. (ETA - This issue has already been noted. The fix will be live once they perform a deployment to production.)
hi. still not working. why not. just show me the code. so then i can then get it right. trying my best. but still not working and driving me nuts. can you just put the code on the forum, so then i can hear what i am doing wrong. this is driving me nuts. can you do this for me right now. sorry. trying my best. but still not working. will paste the code and the error. what am i doing wrong.
frustrated.
marvin.
ps: pasting below.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Movie Review</title>
</head>
<body>
<main>
<h1>Movie Review: Rise Beyond Movie Review</h1>
<img src="https://cdn.freecodecamp.org/curriculum/labs/rise-beyond-2.png" alt="The Rise Beyond movie poster, starring Ethan Carter. A portrait of a young boy standing on a stage with his back towards the audience, holding a guitar at his side, staring at a backdrop of a cityscape with the sun rising behind its tall buildings" />
<p>Rise Beyond is an uplifting drama that tells the story of Ethan Carter, a young man from a small town who dreams of becoming a world-class musician. Facing financial struggles and self-doubt, Ethan embarks on a journey of resilience, guided byhis mentor, Professor Adams and childhood friend Lena Mitchell. Through setbacks, failures, and moments of triumph, Rise Beyond reminds us that our greatest potential lies beyond our fears.</p>
<p><strong>Movie Rating: </strong> <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐ (9/10) </span></p>
<p><strong>Movie Rating: </strong> <span aria-hidden="true">⭐⭐⭐⭐⭐⭐⭐⭐⭐ (9/10) </span></p>
<h2>Cast Members</h2>
<ul>
<li><strong>James Holloway</strong> <strong> as Ethan Carter</strong></li>
<li><strong>Olivia Sterling</strong><strong> as Lena Mitchell</strong></li>
<li><strong>William Langcaster</strong><strong> as Professor Adams</strong></li>
<li> <strong>Maria Collins </strong><strong> as Evelyn Carter (Ethan's Mother)</strong></li>
</ul>
</main>
</body>
</html>
Failed:8. The span element inside the rating paragraph should have ten stars, either filled in (⭐) or empty (☆), followed by a numerical value in parentheses after the span.
people are on the forum when they can be on the forum, help will come, please be patient
do not send a mail to the support team for help solving a challenge, they will redirect you to the forum anyway (@a1legalfreelance do not suggest that either please)
) or empty (☆), followed by a numerical value in parentheses