Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
      <title>ciao</title>
  <script> class cane {

	constructor(nome, colore) {

		this.nome = nome;

		this.colore = colore;

	}

	mostranomeecolore() {

		document.write( "il cane si chiama: "+ this.nome +" ed è di colore " + this.colore+" ");

	}}
      class goldenretriever extends cane {
            constructor(nome, colore, salvataggio) {

                super(nome,colore);

		          this.salvataggio = salvataggio;  }

	       mostraaddestramento() {

		      document.write(super.mostranomeecolore());}
                                        }
cane1 = new goldenretriever("fido", "miele", "si");

cane2 = new goldenretriever("luna", "cioccolato", "no");
       </script>
  </head>
  <body>

      <p onclick="alert(cane1.nome)">Come si chiama il cane?</p>
      <p onclick="alert(cane2.colore)">Che razza è il cane?</p>
      <p onclick="alert(cane2.salvataggio)">Può fare salvataggio?<p>
      <p onclick="cane2.mostraaddestramento()">mostra nome e addestramento</p>
      <p onclick="cane2.mostranomeecolore()">mostra nome e addestramento</p>


  </body>
</html>