Não consigo nem começar essa tarefe, socorro?

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Challenge: Create a Set of Checkboxes

Link to the challenge:

Oi, @eng.natalys. Movi esta para o português, também.
Uma pergunta: você já tentou fazer a tarefa com o menu em português?
Ex: https://www.freecodecamp.org/portuguese/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes
Pode ser que facilite um pouco a compreensão.

Qualquer coisa, responde aqui que tento dar mais umas dicas.
Abraço

Já sim, mas eu realmente não sei por onde começar :zipper_mouth_face:

Beleza. Vamos lá, então. Logo abaixo da explicação, tem um exemplo de como colocar as tags input dentro de tags label.

Se você colocar o modelo ali na resposta, logo abaixo dos botões de opção, por exemplo, terá a primeira checkbox. Depois, só precisa fazer mais duas caixas de seleção do mesmo estilo. Apenas mude o que está em for, id e no texto da tag label para alguma outra personalidade, que não seja “loving”. Daí, teste o resultado para ver se dá certo.

Dica: você vai ver no código uma tag que serve para quebra de linha, para as caixas de seleção não ficarem lado a lado. Vale a pena colocar essa tag entre as caixas de seleção para colocá-las em uma nova linha.

Espero ter ajudado. Qualquer coisa, responde aqui com seu código no momento em que você estiver que tentamos algo mais. Boa sorte! :slight_smile:

Eu já estou me humilhando demais… Não estou conseguindo

Que nada! Fica tranquila! Às vezes, é só uma questão de como tá escrito. Exemplo: No seu type=“checkbox”, tá sobrando um “k”. Já no atributo “name”, mantém todos como personality, como no modelo. Altera só for, id e o que está escrito depois de name=“personality”> e antes de < /label >. Tenta assim. :slight_smile:

Ajustei os pontos que você orientou mas ainda sem sucesso :frowning:
image

image

Achei uma outra questão
Na linha 25, tem uma tag < form aberta. Tira ela e a tag de fechamento da linha 31. Daí, coloca essas checkbox dentro da form que termina na linha 24. Testa novamente.

Uma sugestão para as próximas: tira a foto do código completo para postar, porque daí podemos ver se não é algo mais pra cima no código. Notei a segunda < form > por sorte! :smiley:


Nada, já estou quase desistindo :frowning:

Falta pouco. :slight_smile: Na linha 25, o label tá incompleto. Troca ele por:
< label for=“groove” >< input id=“groove” type=“checkbox” name=“personality” >Groove< /label >. Testa novamente e retorna o resultado. :slight_smile: Não desiste! A gente vai achar a solução. Ah, coloca a linha 23, do button, logo abaixo das linhas de checkbox e antes do fim da form.


:sob: :sob: :sob:

O final da linha 24… Troca “loving” por “groove” e fecha a label com < /label >

Se ainda assim não der resultado, manda uma imagem com as mensagens de erro que você recebeu nos testes. Talvez ali esteja a solução. :slight_smile:

1 Like


Muito obrigada pela força, não sei nem como agradecer, pra mim é um pouco mais complicado porque faço no horário do trabalho então às vezes acabo deixando alguma coisa passar, mas você foi incansável para tentar me ajudar, muito obrigada.

1 Like

Coisa boa! Fico feliz de ter ajudado! Bola pra frente. Essas coisas relativas à digitação acontecem e uma das tarefas mais complicadas é justamente a gente encontrar onde digitou algo fora do padrão. Não desiste, não. Você já fez 82% desse módulo. Não é por acaso. Boa sorte e qualquer dúvida, lança pra nós aqui no chat. Tudo de bom.

1 Like

image
image
image
Você consegue me ajudar nesse?

conseguiiiiiiiiiiiiiiiiiiiiiiiii kk

1 Like

Show. Ia comentar que depois de todos os “checked”, tinha um “>” sobrando. Legal que você matou essa charada por conta própria! Parabéns e segue em frente! :smiley: