Buonasera a tutti, sono un novellino in questo ambito e chiedo scusa ora nel caso in cui questa domanda è banale. Vorrei capire come potrei incrementare la variabile che troverete qui sotto (subjectCounter) al codice perché mi serve per calcolare quante volte viene inserita una materia diversa.
QUESTO è IL MIO HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.css">
<script src="./index.js"></script>
<title>Ex 6 | Inserimento Voto</title>
</head>
<body>
<h2 id="title">Inserisci Voti</h2>
<div id="firstForm">
<form>
<div class="objectForm" id="leftObject">
<label for="subject">Materia</label> <br>
<input type="text" id="subject" class="inputFirst">
</div>
<div class="objectForm" id="centerObject">
<label for="vote">Voto</label><br>
<input type="number" id="vote" class="inputFirst" onfocusout="checkInputNumber()">
</div>
<br><input type="button" class="objectForm" id="rightObject" onclick="counterAndOutput()" value="Aggiungi Voto">
</form>
</div>
<div id="output">
<p id="outParagraph"></p>
</div>
</body>
</html>
QUESTO è IL MIO JAVASCRIPT
function checkInputNumber (){
let number= document.getElementById("number");
if(number>10 || number<0){
alert("Inserire un voto valido")
}
}
function counterAndOutput (){
//counter materie
let subject= document.getElementById("subject").value
let subjectArray= [];
let subjectCounter= 0;
let i=1;
subjectArray[0]="Nessuna";
if (subjectArray[i--] != subject){
subjectCounter= subjectCounter + 1;
}
subjectArray= subject;
alert(i);
//media voti
let vote= document.getElementById("vote").value
let voteArray= [];
let avarage;
let j=0;
voteArray[j]= vote;
avarage= voteArray[j--]+vote / j;
j++;
//output
let output= document.getElementById("outParagraph")
output.innerText= "Hai inserito " + subjectCounter + " materia e la tua media è " + avarage;
}
QUESTO è IL MIO HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.css">
<script src="./index.js"></script>
<title>Ex 6 | Inserimento Voto</title>
</head>
<body>
<h2 id="title">Inserisci Voti</h2>
<div id="firstForm">
<form>
<div class="objectForm" id="leftObject">
<label for="subject">Materia</label> <br>
<input type="text" id="subject" class="inputFirst">
</div>
<div class="objectForm" id="centerObject">
<label for="vote">Voto</label><br>
<input type="number" id="vote" class="inputFirst" onfocusout="checkInputNumber()">
</div>
<br><input type="button" class="objectForm" id="rightObject" onclick="counterAndOutput()" value="Aggiungi Voto">
</form>
</div>
<div id="output">
<p id="outParagraph"></p>
</div>
</body>
</html>
QUESTO è IL MIO JAVASCRIPT
function checkInputNumber (){
let number= document.getElementById("number");
if(number>10 || number<0){
alert("Inserire un voto valido")
}
}
function counterAndOutput (){
//counter materie
let subject= document.getElementById("subject").value
let subjectArray= [];
let subjectCounter= 0;
let i=1;
subjectArray[0]="Nessuna";
if (subjectArray[i--] != subject){
subjectCounter= subjectCounter + 1;
}
subjectArray= subject;
alert(i);
//media voti
let vote= document.getElementById("vote").value
let voteArray= [];
let avarage;
let j=0;
voteArray[j]= vote;
avarage= voteArray[j--]+vote / j;
j++;
//output
let output= document.getElementById("outParagraph")
output.innerText= "Hai inserito " + subjectCounter + " materia e la tua media è " + avarage;
}
