Site que calcula nota de boletim

Português JavaScript
1

:woozy_face: (Meu problema é uma mistura de HTML com JS)

Comecei a programar recentemente e comecei esse projeto, de um site que você seleciona a nota mínima para passar de ano, e adiciona suas notas, e então ele calcula a média.
Mas eu não tenho a menor idéia de como ligar o javascript ao site em si (HTML).

Captura de tela 2024-07-26 212606
Captura de tela 2024-07-26 2126061598×786 88.4 KB

let nota1 = 5;
let nota2 = 2;
let nota3 = 8;
let nota4 = 2;

const media = (nota1 + nota2 + nota3 + nota4) / 4;

if (media > 6) {
  console.log("Passou!");
} else {
  console.log("Faild!");
}
2

Oi Heloisa.

Isso você já começou fazendo colocando o script.js ali no final tá.

Agora em questão do código, você pode pegar o valor das notas pelo id que você declarou no HTML.

Assim:

const nota1 = document.getElementById("nota1");
const nota2 = document.getElementById("nota2");
const nota3 = document.getElementById("nota3");
const nota4 = document.getElementById("nota4");

entao ficaria:

let nota1 = nota1.value;
let nota2 = nota2.value;
let nota3 = nota3.value;
let nota4 = nota4.value; //ou  document.getElementById("nota4").value;

Agora o radioButton que vc criou referente a média, pode ficar assim:

const radios = document.querySelectorAll('input[name="6-7"]');

// Adiciona um listener para o evento de mudança do elemento
radios.forEach(radio => {
  radio.addEventListener('change', () => {
    // Encontra o radio selecionado
    const selectedRadio = document.querySelector('input[name="6-7"]:checked');
    if (selectedRadio) {
      // Obtém o valor do radio selecionado e atribui na sua continha ali
      mediaSelecionada = selectedRadio.value;
    }
  });
});

ex:::


let mediaSelecionada = document.querySelector('input[name="6-7"]:checked'); //pega o primeiro valor que tá selecionado no radio.
const media = (nota1 + nota2 + nota3 + nota4) / 4;

// coloca o conteúdo que citei acima aqui
if (media > mediaSelecionada) {
  console.log("Passou!");
} else {
  console.log("Não passou... Tente estudar mais na próx!");
}
3 Likes
3

MUITISSIMO OBRIGADA, voce é um anjo na terra. Agradeço demais a ajuda apesar de que percebi que preciso estudar mais :sweat_smile: tem muita coisa que ainda não entendo

2 Likes