38 - Loops for aninhados, Price Matrix (Aulas JS)
📘 Tarefa: Price Matrix
O usuário digita um número de 1 a 10.
Após clicar no botão, o resultado deve ser exibido assim:
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
- Usar loops
for aninhados
- Usar
if para verificar o intervalo
- Se o número for menor que 1 ou maior que 10 — exibir uma mensagem de erro
📐 Lógica de funcionamento:
- Obter o número do input
- Verificar se está no intervalo de 1 a 10
- O loop externo cria as linhas (
$1, $2, $3...)
- O loop interno cria os valores dentro dos parênteses
- Cada novo valor deve ser adicionado com
+=
🧪 Exemplo:
Input: 3
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
📐 Estrutura HTML do resultado:
- Cada linha deve estar dentro de um
div class="price-row"
<div>
$2
( $12 $22 $32 $42 $52 )
</div>
📌 Importante:
- O loop externo é responsável pelas linhas
- O loop interno é responsável pelos valores dentro da linha
- A verificação do intervalo deve ser feita com
if