Aşağıda belirttiğim kodlarla kız arkadaşımın web ödevini yapıyorum arkadaşlar. Ekle butonuna her tıklandığında yeni bir alert gelmesi isteniyor, Google'da nasıl arayacağımı bulamadım yardım edebilecek kimse var mı ?
<!DOCTYPE html>
<html lang="tr">
<head>
<title>Soru 4</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
var mesaj;
function tikla(){
var isim = document.getElementById("inputIsim").value;
var soyisim = document.getElementById("inputsoyisim").value;
var okul = document.getElementById("inputOkul").value;
var bolum = document.getElementById("inputBolum").value;
var ogrno = document.getElementById("inputOgrNo").value;
if(isim == '' || isim == null){mesaj = mesaj + "İsim alanı boş kalmamalıdır. ";}
if(soyisim == '' || soyisim == null){mesaj = mesaj + "Soyisim alanı boş kalmamalıdır. ";}
if(okul == '' || okul == null){mesaj = mesaj + "Okul alanı boş kalmamalıdır. ";}
if(bolum == '' || bolum == null){mesaj = mesaj + "Bölüm alanı boş kalmamalıdır. ";}
if(ogrno == '' || ogrno == null){mesaj = mesaj + "Öğrenci no alanı boş kalmamalıdır. ";}
if(mesaj == null || mesaj == ''){
mesaj = isim + " " + soyisim + " adlı öğrenci " + okul + " " + bolum + "nde öğrenci olup, öğrenci numarası " + ogrno + " dur.";
document.getElementById("button2").style.display = "block";
}
$( "div.olustur-alan" ).html('<div class="alert alert-success">'+ mesaj +'</div>');
var y = document.getElementsByTagName("p")[0];
y.innerHTML = mesaj;
document.getElementById("mesaj").style.display = "block";
}
function ekle(){
$( "div.ekle-alan" ).html('<div class="alert alert-success">'+ mesaj +'</div>');
}
</script>
</head>
<body>
<div class="container">
<div class="panel panel-default">
<form class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-2" for="inputIsim">İsim:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputIsim" placeholder="İsim">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="inputsoyisim">Soyisim:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputsoyisim" placeholder="Soyisim">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="inputOkul">Okul:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputOkul" placeholder="Okul">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="inputBolum">Bolum:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputBolum" placeholder="Bolum">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="inputOgrNo">Ogrenci No:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputOgrNo" placeholder="Ogrenci No">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default" onclick="tikla();" >Olustur</button>
</div>
</div>
</form>
</div>
<div class="olustur-alan">
</div>
<button type="button" id="button2" class="btn btn-default" onclick="ekle();" style="display:none;">Ekle</button>
<div class="ekle-alan" id="ekle-alan">
</div>
</div>
</body>
</html>