ver by @bea12_20 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<body>Tag primario di un documento HTML
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<h5>Titolo di intestazione di quinto livello
<td>Definisce una cella di una tabella HTML.
<canvas>Tag per disegnare grafica dinamica su pagine web.
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)

Users

Log in to search for users

Explore

Find inspiration

quello che si vede in alto nella c

Esercizio fatto benissimo

Esercizio tabella

console elements(2)

Form per il torneo misto disfo

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>
<head>
<script language="Javascript" type="text/javascript" src = "Rosa.js">

</script>
</head>
<body>
GESTIONE PRODOTTI <br><br>
 <input type="button" value="Inserisci prodotto" onclick= "_attivadiv(1)"/>
 <div id = 1 hidden>
	<form name ="Inserisci" action="" method="post">
	Inserimento Dati di un prodotto<br><br>
	<p style="font-size:16;color:rgb(93,0,93);"><b>Inserisci il Codice del prodotto: <input type="text" id="nome" name="codice" /> 
      <p style="font-size:16;color:rgb(93,0,93);"><b>Inserisci il Descrizione: <input type="text" id="nome" name="descrizione" /> 
    <p style="font-size:16;color:rgb(93,0,93);"><b>Inserisci la  Quantità: <input type="number" id="cognome" name="quantita" /> 
	<p style="font-size:16;color:rgb(93,0,93);"><b>Inserisci la Scorta: <input type="number" id="voto" name="scorta" /> 
	<p>
	
	<input type="button" value="Registra" onclick="inserisci(document.Inserisci.codice.value, document.Inserisci.descrizione.value, document.Inserisci.quantita.value, document.Inserisci.scorta.value)"/>
	<input type ="reset" value= "Reimposta"/>
	</p>
	</form>
      </div><br><br>
      

   <input type="button" value="Stampa prodotti sotto scorta" onclick="stampa()"/>....<input type = "button" value ="Ripulisci" onclick="ripulisci()"/><p id = "lista"> </p>

        
   <input type="button" value="Aggiungi scorte"  onclick= "_attivadiv(2)"/>....<input type = "button" value ="Ripulisci" onclick="ripulisci()"/><p id = "lista2"> </p>
        
<div id = 2 hidden>
	<form name ="Aggiungi" action="" method="post">
	Aggiungi nuove scorte <br><br> 
      <p style="font-size:16;color:rgb(93,0,93);"><b>Inserisci il Codice del prodotto: <input type="text" id="nome" name="codice" /> 
	<p style="font-size:16;color:rgb(93,0,93);"><b>Aggiungi la Scorta: <input type="number" id="voto" name="scorta" /> 
	<p>
	
	<input type="button" value="Registra" onclick="aggiungi()"/>
	<input type ="reset" value= "Reimposta"/>
	</p>
	</form>
</div><br><br>


  


</body>
</html>

*{
	font-family: consolas,'courier new',monospace;
	color:#0F0F0F;
	}

function alunno(c,d,q,s){ 
	this.codice = c;
	this.descrizione = d;
	this.quantita = q;
    this.scorta = s;
	this.getcodice = function(){return this.codice;}
	this.getdescrizione = function(){return this.descrizione;}
	this.getquantita = function(){return this.quantita;}
    this.getscorta = function(){return this.scorta;}
    this.setscorta = function(scorta){s += scorta;}
}

var alu = new Array();

var n = 0;

function inserisci(cod,desc,quant,scort){
	var a = new alunno(cod,desc,quant,scort);
	alu.push(a);
	n++;
	document.Inserisci.reset();	
}

function stampa(){
  
        var str = " ";
	
  		for (var i=0; i < n; i++){
                if(alu[i].getquantita()<alu[i].getscorta()){
                        str +=  alu[i].getcodice() +" ; "; 
                  }
        } 
        document.getElementById("lista").innerHTML = str; 
    }

  function ripulisci (){
        document.getElementById("lista").innerHTML= ""; 
        document.getElementById("lista2").innerHTML= ""; 
        document.getElementById("superiore").innerHTML= "";
    }


 function aggiungi(){
        var codice=document.Aggiungi.codice.value;
        var scorta=document.Aggiungi.scorta.value;
		var s=0; 
        var pos; 
        for(var i=0;  i<n; i++)
        {
          if (alu[i].getcodice()==codice &&) {
               alu[i].setscorta(scorta); 
               pos=i; 
          	  
          
        }
        s=alu[pos].getscorta();
        
    document.getElementById("lista2").innerHTML=s ;
    }


function _attivadiv(scelta){
    document.getElementById(1).style.display="none";
    document.getElementById(2).style.display="none";
    document.getElementById(scelta).style.display="block";
}