<h2>Dizi'ye Veri Ekle</h2>
<input type="text" id="inputAd">
<input type="button" value="DİZİYE EKLE" id="buton1">
<br><br>
<div class="kutu">
<div class="baslik">Dizi'deki Değerler</div><br>
<label id="diziCanli"></label>
</div>.baslik
{
font-weight: 600;
color: darkred;
text-align: center;
}
.kutu
{
width: 300px;
height: 100px;
border: 1px solid darkred;
box-sizing: content-box;
word-wrap: break-word;
}
$(document).ready(function(){
var dizi=[];
$("#buton1").click(function(){
dizi.push($("#inputAd").val());
$("#diziCanli").append($("#inputAd").val()+","); //
$("#inputAd").val(""); // Butona basıldığında içeriği temizler
});
});
External CSS
This Pen doesn't use any external CSS resources.