Merhaba arkadaşlar, javascript öğreniyorum 0'dan.
2 Gündür falan kurslar ve youtube eğitimleriyle öğrenirken bir yandan "şunu yapabilirmiyim ki" dediğim projeleri deneyerek kendimi geliştirmeye çalışıyorum.
Az önce aklıma bir proje geldi, üyelik sistemi. Daha doğrusu sayfaya veri ekleme diyebiliriz. Javascripti clientside kullanıyorum, yani bunun gerçek bir üyelik sistemi olmadığının farkındayım. Sadece kendimi geliştirmek açısından eğitimlerde Array ve Object konularındayken aklıma gelen bu projeyi kodladım. Basit birkaç satır koddan oluşuyor lakin sayfaya yazıyı yazabiliyor her halükarda.

Proje : http://caylakgirisimci.byethost14.com/simplereg.html

Öncelikle sorularım şunlar:
- array konusunda olduğum için array'in içerisinde gömdüğüm verileri bir objeye bağladım. ardından array'den çektim. bu mantıklı mıdır? yoksa direk obje oluşturma falan mı gerekir yolu nedir?
- aynı olayı daha kolay yapmanın yolu var mıdır? nasıl yapabilirim?
- kodlarımdaki hataları, eksikleri ve gereksiz kısımları söyleyerek, değiştirmem gereken kısımları belirtir misiniz?

Üstteki soruları yanıtlarsanız kendi hatalarımı ve eksiklerimi kolayca kapatabileceğimi düşünüyorum. Çok teşekkür ederim

Kaynak kodlar:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TUT 17 # -</title>
<script>
var UserIDs = new Array();
function members(id,username,password){
this.id = id;
this.username = username;
this.password = password;
}
function register(){
var user = prompt("username");
var password = prompt("password");
// 255 is the limit for users
var ids = Math.floor(Math.random()*255);
if(UserIDs[ids] == null){
UserIDs[ids] = new members(ids,user,password);
alert("COMPLETE");
refresh(ids);
}else{
alert("CAN'T COMPLETE, Not Enough Space For You, Sorry!");
}

}


function refresh(x){

var indexPoint = x;
var content = document.getElementById("members").innerHTML;
document.getElementById("members").innerHTML=content+"<br />" + UserIDs[indexPoint].id + " " + UserIDs[indexPoint].username + " " + UserIDs[indexPoint].password;
}


</script>
</head>
<body onload="refresh();">

<button onclick="register();">+</button>
<br />
<p><b>Users</b></p>
<br />
<div id="members"></div>
</body>
</html>