├── .gitattributes
├── .gitignore
├── freelancer kazanç programı javacript ile yaptık
    ├── freelance.css
    ├── freelance.js
    ├── index.html
    └── nbproject
    │   ├── private
    │       ├── private.properties
    │       └── private.xml
    │   ├── project.properties
    │   └── project.xml
├── javascript doğrulamalı üye giriş formu güzel örnek.html
├── javascript kaç parmak tuttum oyunu
    ├── 0.png
    ├── 1.png
    ├── 2.png
    ├── 3.png
    ├── 4.png
    ├── 5.png
    ├── nbproject
    │   ├── private
    │   │   └── private.properties
    │   ├── project.properties
    │   └── project.xml
    └── newhtml.html
├── javascript notları oğuzhan memiş videolarından.txt
├── javascript-top-oyunuu
    ├── Tinie Tempah - Girls Like (Official Video).mp3
    ├── index.html
    └── javascript  top oyun uyaptık.txt
├── javascriptle GÜZEL GALERİ YAPTIK
    ├── nbproject
    │   ├── private
    │   │   └── private.properties
    │   ├── project.properties
    │   └── project.xml
    └── newhtml.html
├── javascripttt adan zye javascript.txt
└── reaksiyon hız testi oyunu
    ├── nbproject
        ├── private
        │   └── private.properties
        ├── project.properties
        └── project.xml
    └── newhtml.html


/.gitattributes:
--------------------------------------------------------------------------------
 1 | # Auto detect text files and perform LF normalization
 2 | * text=auto
 3 | 
 4 | # Custom for Visual Studio
 5 | *.cs     diff=csharp
 6 | 
 7 | # Standard to msysgit
 8 | *.doc	 diff=astextplain
 9 | *.DOC	 diff=astextplain
10 | *.docx diff=astextplain
11 | *.DOCX diff=astextplain
12 | *.dot  diff=astextplain
13 | *.DOT  diff=astextplain
14 | *.pdf  diff=astextplain
15 | *.PDF	 diff=astextplain
16 | *.rtf	 diff=astextplain
17 | *.RTF	 diff=astextplain
18 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Windows image file caches
 2 | Thumbs.db
 3 | ehthumbs.db
 4 | 
 5 | # Folder config file
 6 | Desktop.ini
 7 | 
 8 | # Recycle Bin used on file shares
 9 | $RECYCLE.BIN/
10 | 
11 | # Windows Installer files
12 | *.cab
13 | *.msi
14 | *.msm
15 | *.msp
16 | 
17 | # Windows shortcuts
18 | *.lnk
19 | 
20 | # =========================
21 | # Operating System Files
22 | # =========================
23 | 
24 | # OSX
25 | # =========================
26 | 
27 | .DS_Store
28 | .AppleDouble
29 | .LSOverride
30 | 
31 | # Thumbnails
32 | ._*
33 | 
34 | # Files that might appear in the root of a volume
35 | .DocumentRevisions-V100
36 | .fseventsd
37 | .Spotlight-V100
38 | .TemporaryItems
39 | .Trashes
40 | .VolumeIcon.icns
41 | 
42 | # Directories potentially created on remote AFP share
43 | .AppleDB
44 | .AppleDesktop
45 | Network Trash Folder
46 | Temporary Items
47 | .apdisk
48 | 


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/freelance.css:
--------------------------------------------------------------------------------
1 | /*table,tr,td{
2 |     border:1px solid gray;
3 |     
4 | }*/


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/freelance.js:
--------------------------------------------------------------------------------
 1 | var toplamUcret=document.getElementById("toplam"),
 2 | sure=document.getElementById("bitis"),
 3 | buton=document.getElementById("buton"),
 4 | sonucDiv=document.getElementById("sonuc"),
 5 | paraBirimi=prompt("Para Birimi Giriniz...");
 6 | 
 7 | document.getElementById("para").innerHTML="para biriminiz "+paraBirimi+" <a id='degistirici' href='#'>değiştir</a>";
 8 | 
 9 | 
10 | document.getElementById("degistirici").addEventListener("click",function(){
11 |     paraBirimi=prompt("ParaBirimi Giriniz");
12 |     document.getElementById("para").innerHTML="para biriminiz "+paraBirimi+" <a id='degistirici' href='#'>değiştir</a>";
13 |     
14 | });
15 | buton.addEventListener("click",function(){
16 |     var gunlukUcret=toplamUcret.value/sure.value;
17 |     gunlukUcret=gunlukUcret.toFixed(2);/*virgülden sonraki 2 basamağı göster*/
18 |     sonucDiv.innerHTML="Gunluk ucretiniz = "+gunlukUcret+ " " +paraBirimi;
19 |     
20 | });


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |     <head>
 4 |         <meta charset="utf-8"/>
 5 |         <meta name="viewport" content="width=device-width,initial-scale=1"> 
 6 |     <title>Freelancer Programı</title>
 7 |     <link rel="stylesheet" type="text/css" href="freelance.css"/>
 8 |     
 9 |     </head>
10 |     <body>
11 |         <table>
12 |             <tr>
13 |                 <td>Toplam Gelir</td>
14 |                 <td>:</td>
15 |                 <td><input id="toplam" placeholder="Toplam gelir giriniz."/></td>
16 |             </tr> 
17 |              <tr>
18 |                 <td>Bitiş  Süresi</td>
19 |                 <td>:</td>
20 |                 <td><input id="bitis" placeholder="Bitiş Süresi Giriniz"/></td>
21 |             </tr> 
22 |              <tr>
23 |                 <td><input type="submit" id="buton" value="Hesapla"/></td>
24 |             </tr> 
25 |            
26 |         </table> 
27 |         <span id="para"></span>
28 |          <div id="sonuc"></div>
29 |     <script src="freelance.js"></script>    
30 |     </body> 
31 | </html>


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/nbproject/private/private.properties:
--------------------------------------------------------------------------------
1 | index.file=index.php
2 | url=http://localhost/PhpProject13/
3 | 


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/nbproject/private/private.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project-private xmlns="http://www.netbeans.org/ns/project-private/1">
 3 |     <editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/>
 4 |     <open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
 5 |         <group>
 6 |             <file>file:/C:/xampp/htdocs/PhpProject13/index.html</file>
 7 |         </group>
 8 |     </open-files>
 9 | </project-private>
10 | 


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/nbproject/project.properties:
--------------------------------------------------------------------------------
1 | include.path=${php.global.include.path}
2 | php.version=PHP_56
3 | source.encoding=UTF-8
4 | src.dir=.
5 | tags.asp=false
6 | tags.short=false
7 | web.root=.
8 | 


--------------------------------------------------------------------------------
/freelancer kazanç programı javacript ile yaptık/nbproject/project.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://www.netbeans.org/ns/project/1">
 3 |     <type>org.netbeans.modules.php.project</type>
 4 |     <configuration>
 5 |         <data xmlns="http://www.netbeans.org/ns/php-project/1">
 6 |             <name>PhpProject13</name>
 7 |         </data>
 8 |     </configuration>
 9 | </project>
10 | 


--------------------------------------------------------------------------------
/javascript doğrulamalı üye giriş formu güzel örnek.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!--
  3 | To change this license header, choose License Headers in Project Properties.
  4 | To change this template file, choose Tools | Templates
  5 | and open the template in the editor.
  6 | -->
  7 | <html>
  8 |     <head>
  9 |     <title>TODO supply a title</title>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 | 
 13 |     <style type="text/css">
 14 |         .lbl{
 15 |             width:120px;
 16 |             padding:5px;
 17 |             color:#222;
 18 |             text-align: right;
 19 |             height:50px;
 20 |         }
 21 |         .txt{
 22 |             width:150px;
 23 |             font-size:15px;
 24 |             padding:4px;
 25 | 
 26 |         }
 27 |         .txt*:focus{
 28 | 
 29 |             border:1px solid #00a5ff;
 30 |             background-color: #999;
 31 |             color:#808080;
 32 |         }
 33 |         .fl{
 34 |             float:left;
 35 | 
 36 |         }
 37 |         #wrapper{
 38 |             width:800px;
 39 |             margin:0px auto;
 40 |         }
 41 |         #menu{
 42 |             text-align: center;
 43 | 
 44 |         }
 45 |         #menu a{
 46 |             cursor:pointer;
 47 |             color:blue;
 48 |         }
 49 |         #menu a:hover{
 50 | 
 51 |             color:pink;
 52 |         }
 53 |         body{
 54 |             margin:0px;
 55 |             padding:0px;
 56 |             font-family: Verdana;
 57 |         }
 58 |         #footer{
 59 |             clear:both;
 60 |             text-align: center;
 61 |         }
 62 |         #divUyeOl{
 63 |             display:none;
 64 |         }
 65 |         #divUyeGirisi{
 66 |             display:none;
 67 |         }
 68 |         
 69 |     </style>
 70 | 
 71 |     <script>
 72 |         function uyeOl() {
 73 |             var kullaniciAdi = document.getElementById('txtKullaniciAdi').value;
 74 |             var sifre = document.getElementById('txtSifre').value;
 75 |             var sifreTekrar = document.getElementById('txtSifreTekrar').value;
 76 |             var email = document.getElementById('txtEmail').value;
 77 | 
 78 |             //alert(kullaniciAdi+""+sifre+""+sifreTekrar+""+email);
 79 | 
 80 |             if (!Kontrol(kullaniciAdi, "Boş Geçilemez", 'lblKulAdi') | !Kontrol(sifre, "Boş Geçilemez", 'lblSifre') | !Kontrol(sifreTekrar, "Boş Geçilemez", 'lblSifreTekrar') |
 81 |                     !Kontrol(email, "Boş Geçilemez", 'lblEmail') | !SifreleriKontrol(sifre, sifreTekrar, "Şifreler Uyuşmuyor", 'lblSifreTekrar') | !EmailKontrol(email, "Email formatında giriniz", "İşlem başarılı", 'lblEmail'))
 82 |             {
 83 | 
 84 |                 document.getElementById('divSonuc').innerHTML = "<span style='color:red'>İşleminiz  Gerçekleştirilememiştir</span>";
 85 |             }
 86 |             else {
 87 |                 document.getElementById('divSonuc').innerHTML = "<span style='color:green'>İşleminiz Başarıyla Gerçekleştirilmiştir</span>";
 88 | 
 89 |             }
 90 | 
 91 | 
 92 |         }
 93 | 
 94 |         function Kontrol(deger, hataMesaji, spanID)
 95 |         {
 96 |             if (deger == "")
 97 |             {
 98 |                 document.getElementById(spanID).innerHTML = hataMesaji;
 99 |                 return false;
100 | 
101 |             }
102 |             else {
103 |                 document.getElementById(spanID).innerHTML = "Başarılı";
104 |                 return true;
105 |             }
106 | 
107 |         }
108 |         function SifreleriKontrol(sfr1, sfr2, hataMesaji, spanID)
109 |         {
110 |             var sonuc = true;
111 |             if (sfr1 != sfr2)
112 |             {
113 |                 document.getElementById(spanID).innerHTML = "Şifreler Uyuşmamaktadır.";
114 |                 sonuc = false;
115 |             }
116 |             return sonuc;
117 | 
118 |         }
119 |         function EmailKontrol(email, hataMesaji, dogruMesaj, spanID)
120 |         {
121 |             var pattern = new RegExp(/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/);
122 |             var sonuc = pattern.test(email);
123 | 
124 |             document.getElementById(spanID).innerHTML = (sonuc ? dogruMesaj : hataMesaji);//ternary operatoru kullandık(if yapısının kısaltılmışı)
125 |             return sonuc;
126 |         }
127 |         
128 |         
129 |         //Giriş yap üye ol panellerinin açılımı
130 |         function UyeGirisYapAc()
131 |         {
132 |             document.getElementById('divUyeOl').style.display='none';
133 |               document.getElementById('divUyeGirisi').style.display='block';
134 |         }
135 |         function UyeOlAc()
136 |         {
137 |             document.getElementById('divUyeOl').style.display='block';
138 |               document.getElementById('divUyeGirisi').style.display='none';
139 |         }
140 |     
141 |     </script> 
142 | 
143 | 
144 | </head>
145 | <body>
146 | <div id="wrapper">
147 |     <div id="menu">
148 |         <a onclick="UyeGirisYapAc()">Giriş Yap</a> | <a onclick="UyeOlAc()">Üye Ol</a>
149 |     </div>
150 |     
151 |     <div id="content">
152 |         <div id="divUyeOl" class="fl">
153 |             <table border="0" cellpadding="0" cellspacing="0">
154 |                 <tr>
155 |                     <td class="lbl">Kullanıcı Adı:</td>
156 |                     <td class="txt"><input id="txtKullaniciAdi" type="text"/></td>
157 |                 <td class="snc" ><span id="lblKulAdi"></span></td>
158 |                 </tr>
159 |                 <tr>
160 |                     <td class="lbl">Şifre:</td>
161 |                     <td class="txt"><input id="txtSifre" type="password"/></td>
162 |                 <td class="snc"><span id="lblSifre"></span></td>
163 |                 </tr>
164 |                 <tr>
165 |                     <td class="lbl">Şifre Tekrar:</td>
166 |                     <td class="txt"><input id="txtSifreTekrar" type="password"/></td>
167 |                 <td class="snc"><span id="lblSifreTekrar"></span></td>
168 |                 </tr>
169 |                 <tr>
170 |                     <td class="lbl">Email:</td>
171 |                     <td class="txt"><input id="txtEmail" type="text"/></td>
172 |                 <td class="snc"><span id="lblEmail"></span></td>
173 |                 </tr>
174 |                 <tr>
175 |                     <td colspan="2" align="center">
176 |                 <input type="submit" value="Gönder" onclick="uyeOl()"/>
177 |                 </td>
178 |                 </tr>
179 |             </table>
180 | 
181 | 
182 |             <div id="divSonuc"></div>
183 | 
184 | 
185 |         </div>
186 | 
187 | 
188 |         <div id="divUyeGirisi" class="fl">
189 |             <table border="0" cellpadding="0" cellspacing="0">
190 |                 <tr>
191 |                     <td class="lbl">Kullanıcı Adı:</td>
192 |                     <td class="txt"><input id="txtKullaniciAdi" type="text"/></td>
193 |                 <td class="snc" ><span id="lblKulAdi"></span></td>
194 |                 </tr>
195 |                 <tr>
196 |                     <td class="lbl">Şifre:</td>
197 |                     <td class="txt"><input id="txtSifre" type="password"/></td>
198 |                 <td class="snc"><span id="lblSifre"></span></td>
199 |                 </tr>
200 |                 <tr>
201 |                     <td colspan="2" align="center">
202 |                 <input type="submit" value="Giriş Yap" onclick=""/>
203 |                 </td>
204 |                 </tr>
205 |             </table>
206 |             <div id="divUyeGirisiSonuc"></div>
207 |         </div>
208 | 
209 |     </div>
210 |     <div id="footer">
211 |         &copy;2013;
212 |         
213 |     </div>
214 | </div><!--wrapper sonu-->
215 | </body>
216 | </html>
217 | 


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/0.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/1.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/2.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/3.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/4.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript kaç parmak tuttum oyunu/5.png


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/nbproject/private/private.properties:
--------------------------------------------------------------------------------
1 | index.file=index.php
2 | url=http://localhost/PhpProject14/
3 | 


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/nbproject/project.properties:
--------------------------------------------------------------------------------
1 | include.path=${php.global.include.path}
2 | php.version=PHP_56
3 | source.encoding=UTF-8
4 | src.dir=.
5 | tags.asp=false
6 | tags.short=false
7 | web.root=.
8 | 


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/nbproject/project.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://www.netbeans.org/ns/project/1">
 3 |     <type>org.netbeans.modules.php.project</type>
 4 |     <configuration>
 5 |         <data xmlns="http://www.netbeans.org/ns/php-project/1">
 6 |             <name>PhpProject14</name>
 7 |         </data>
 8 |     </configuration>
 9 | </project>
10 | 


--------------------------------------------------------------------------------
/javascript kaç parmak tuttum oyunu/newhtml.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!--
  3 | To change this license header, choose License Headers in Project Properties.
  4 | To change this template file, choose Tools | Templates
  5 | and open the template in the editor.
  6 | -->
  7 | <html>
  8 |     <head>
  9 |     <title>Kaç parmak tuttum</title>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <style>
 13 |         #benTah,#bilTah{
 14 |             width:400px;
 15 |             height:400px;
 16 |             float:left;
 17 |             background-color: red;
 18 |             margin-right:5px;
 19 |             background-repeat:no-repeat;
 20 |             background-position:100px 30px;
 21 |         }
 22 |         .clear{
 23 |             clear:both;
 24 |         }
 25 |         input[type="text"]{
 26 |             width:25px;
 27 |             position:relative;
 28 |             top:-5px;
 29 |         }
 30 |         input[type="submit"]{
 31 |             position:relative;
 32 |             top:-5px;
 33 |         }
 34 |     </style>
 35 |    
 36 |     
 37 | </head>
 38 | <body>
 39 |     <!--JAVASCRİPT KAÇ PARMAK TUTTUM OYUNU-->
 40 |      <div id="benTah"></div>
 41 |      <div id="bilTah"></div>
 42 |      <div class="clear"></div>
 43 |      <input type="range" id="kaydir" min="0" max="5"/><input type="text" disabled="disabled"/>
 44 |      <input type="submit" value="Sansini Dene" id="dene"/><br/>
 45 |      <span id="skor"></span>
 46 |     
 47 |     
 48 |     
 49 | <script>
 50 |      var bilg=document.getElementById("bilTah"),ben=document.getElementById("benTah"),
 51 |             kaydir=document.getElementById("kaydir"),skor=5,bilgTah,
 52 |             benTah,buton=document.getElementById("dene");
 53 |    
 54 |    
 55 |    //kaydiricinin değerini yana yazdık.
 56 |    kaydir.addEventListener("mousedown",function(){
 57 |        this.addEventListener("mousemove",function(){
 58 |            this.nextElementSibling.value=this.value; 
 59 |            benTah=this.value;
 60 |            
 61 |             switch(benTah)
 62 |    {
 63 |        case "0":ben.style.backgroundImage="url(0.png)";
 64 |        break;
 65 |        case "1":ben.style.backgroundImage="url(1.png)";
 66 |        break;
 67 |        case "2":ben.style.backgroundImage="url(2.png)";
 68 |        break;
 69 |         case "3":ben.style.backgroundImage="url(3.png)";
 70 |        break;
 71 |         case "4":ben.style.backgroundImage="url(4.png)";
 72 |        break;
 73 |          case "5":ben.style.backgroundImage="url(5.png)";
 74 |        break;
 75 |         
 76 |    }
 77 |    
 78 |     }); }); 
 79 |    
 80 |    
 81 |    
 82 |    //oyunu kodlamaya başladık.
 83 |    buton.addEventListener("click",function(){
 84 |        bilgTah=Math.round(Math.random()*5);
 85 |      switch(bilgTah)
 86 |    {
 87 |        case 0:bilg.style.backgroundImage="url(0.png)";
 88 |        break;
 89 |        case 1:bilg.style.backgroundImage="url(1.png)";
 90 |        break;
 91 |        case 2:bilg.style.backgroundImage="url(2.png)";
 92 |        break;
 93 |         case 3:bilg.style.backgroundImage="url(3.png)";
 94 |        break;
 95 |         case 4:bilg.style.backgroundImage="url(4.png)";
 96 |        break;
 97 |          case 5:bilg.style.backgroundImage="url(5.png)";
 98 |        break;  
 99 |    }  
100 |       if(bilgTah==Number(benTah)) {
101 |           skor++;
102 |           document.getElementById("skor").innerHTML="Skorunuz: "+skor;
103 |           alert("Tebrikler Skorunuz: "+skor);
104 |           
105 |       }else{
106 |           skor--;
107 |           document.getElementById("skor").innerHTML="Skorunuz: "+skor;
108 |           if(skor<1){buton.disabled=true;
109 |           alert("Üzgünüm hiç jetonunuz kalmadı\n Oynamak için jeton yükleyin.");
110 |             }
111 |           
112 |       }
113 |        
114 |        
115 |    });
116 |    
117 |    
118 |            
119 |    
120 | </script>
121 | 
122 | </body>
123 | </html>
124 | 


--------------------------------------------------------------------------------
/javascript notları oğuzhan memiş videolarından.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript notları oğuzhan memiş videolarından.txt


--------------------------------------------------------------------------------
/javascript-top-oyunuu/Tinie Tempah - Girls Like (Official Video).mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript-top-oyunuu/Tinie Tempah - Girls Like (Official Video).mp3


--------------------------------------------------------------------------------
/javascript-top-oyunuu/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!--
  3 | To change this license header, choose License Headers in Project Properties.
  4 | To change this template file, choose Tools | Templates
  5 | and open the template in the editor.
  6 | -->
  7 | <html>
  8 |     <head>
  9 |         <meta charset="UTF-8">
 10 |     <title></title>
 11 |     <style>
 12 |         body{
 13 |             padding:0;
 14 |             margin:0;
 15 |              overflow:hidden;/*scroll çıkmaması için*/
 16 |         }
 17 |     </style>
 18 | </head>
 19 | <body>
 20 |     <canvas id="canvas"> </canvas> 
 21 | <audio preload="true" id="carp">
 22 |     <source src="Tinie Tempah - Girls Like (Official Video).mp3"/>
 23 |    // <source src="Tinie Tempah - Girls Like (Official Video).mp3"/>
 24 | <audio>
 25 | <script>
 26 |    /* -----------------*/
 27 |     //setInterval yerine kullandık aşağıdaki ifadeyi
 28 |     //canvas animasyonumuz için gerekli kod 
 29 |     window.animasyonFrameIstegi=(function(){
 30 |       return window.requestAnimationFrame  || 
 31 |        window.webkitRequestAnimationFrame ||
 32 |        window.mozRequestAnimationFrame  || 
 33 |        window.oRequestAnimationFrame || 
 34 |        window.msequestAnimationFrame || 
 35 |        function (callback){  
 36 |            return window.setTimeout(callback,1000/60);  //1 saniyede 60 defa kodu çalıştır demek.
 37 |        };   
 38 |     })();
 39 |     
 40 |     //animasyonu durdumak için kullanacaz.
 41 |     window.animasyonFrameIptal=(function(){
 42 |       return window.cancelAnimationFrame  || 
 43 |        window.webkitCancelRequestAnimationFrame ||
 44 |        window.mozCancelRequestAnimationFrame  || 
 45 |        window.oCancelRequestAnimationFrame || 
 46 |        window.msCancelRequestAnimationFrame || 
 47 |        clearTimeout();  
 48 |     })();
 49 |     
 50 |     
 51 |     
 52 |     
 53 |   /* ---------------*/
 54 |   //canvas değişkeni
 55 |     var canvas=document.getElementById("canvas"),
 56 |     ctx=canvas.getContext("2d"),//canvas context oluşturduk.
 57 |     G=window.innerWidth, //oyun alanı genişliği
 58 |     Y=window.innerHeight,//oyun alanı yüksekliği
 59 |     mouse={},//mouse objesi(nesnesi) tanımladık
 60 |     parcalar=[],//parçaları içeren array
 61 |     topum={},  //top objesi(top nesnesi)
 62 |     cubuk=[2],  //iki cubugu içeren array
 63 |     puanlar=0,//kullanıcıların puanları
 64 |    hiz=60,//hız saniye başına frame
 65 |    carpismaParcacigi=20,//carpışma anaında çıkacak parçaçık sayısı
 66 |    carpismaDegiskeni=0,
 67 |    parcaPozisyonu={},//parçaların yörüngesi
 68 |    kivilcimDegiskeni=1,
 69 |    baslatButon={},//başlat butonu objesi(nesnesi)
 70 |    resetButon={},//reset buton objesi(nesnesi)
 71 |    bitti=0,
 72 |    res,//animasyonu başlatan değişken
 73 |    cubukCarpisma;
 74 |     
 75 |     //canvasın tam ekran olmasını sağladık.
 76 |     canvas.width=G;
 77 |     canvas.height=Y;
 78 |     
 79 |     
 80 |     //canvasta mouse hareketlerini algılamak için yaptık bu ifadeleri
 81 |   canvas.addEventListener("mousemove",mouseHareket,true);//mouse hareket ederken mouseHareket fonksiyonunu çağır
 82 |     canvas.addEventListener("mousedown",butonTiklandi,true);//mouse basılıyken  butonTiklandi fonksiyonunu çağır
 83 |     
 84 |     //carpışma müziği
 85 |     carpisma=document.getElementById("carp");
 86 |     
 87 |     //top nesnemizi tanımlıyoruz.
 88 |     topum={
 89 |         x:50,       //topun x eksenindeki konumu
 90 |         y:50,     //topun y eksenindeki konumu
 91 |         r:5,        //yarıçap
 92 |         c:"white",   //renk
 93 |         xh:4,        //x ekseni hızı
 94 |         yh:8,          //y ekseni hızı
 95 |         
 96 |         ciz:function(){
 97 |             ctx.beginPath();
 98 |             ctx.fillStyle=this.c;
 99 |             ctx.arc(this.x,this.y,this.r,0*Math.PI,2*Math.PI,false);
100 |             ctx.fill();
101 |         }
102 |     };
103 |     
104 |     //başlat butonu 
105 |     baslatButon={
106 |         w:100,  //genişlik
107 |         h:50,   //yükseklik
108 |         x:G/2-50,  //x konumu 
109 |         y:Y/2-25,  //y konumu
110 |         
111 |         ciz:function(){
112 |             ctx.strokeStyle="white";  //karenin rengi 
113 |             ctx.lineWidth=2;  //karenin çizgi genişliği
114 |             ctx.strokeRect(this.x,this.y,this.w,this.h);  //karenin x ve y konumu //karenin genişliği yüksekliği
115 |             ctx.font="18px Arial,sans-serif";
116 |             ctx.textAlign="center"; //karenin içindeki yazının konumunu belirttik
117 |             ctx.textBaseline="middle";  
118 |             ctx.fillStyle="white"; //Başla yazısının rengi
119 |             ctx.fillText("Başla",G/2,Y/2); //Başla yazısının konumu
120 |             
121 |         }
122 |     };
123 |     
124 |     //reset butonu
125 |       //başlat butonu 
126 |     resetButon={
127 |         w:100,  //genişlik
128 |         h:50,   //yükseklik
129 |         x:G/2-50,  //x konumu 
130 |         y:Y/2-50,  //y konumu
131 |         
132 |         ciz:function(){
133 |             ctx.strokeStyle="white";  //karenin rengi 
134 |             ctx.lineWidth=2;  //karenin çizgi genişliği
135 |             ctx.strokeRect(this.x,this.y,this.w,this.h);  //karenin x ve y konumu //karenin genişliği yüksekliği
136 |             ctx.font="18px Arial,sans-serif";
137 |             ctx.textAlign="center"; //karenin içindeki yazının konumunu belirttik
138 |             ctx.textBaseline="middle";  
139 |             ctx.fillStyle="white"; //Başla yazısının rengi
140 |             ctx.fillText("Tekrar Oyna",G/2,Y/2-25); //Başla yazısının konumu
141 |             
142 |         }
143 |     };
144 |     
145 |     //kivilcim oluştur
146 |     function parcacikOlustur(x,y,m){  //x ve y pozisyon m 'de parcacık sayısı
147 |         this.x=x || 0;
148 |         this.y || 0 ;
149 |         
150 |         this.radius=1.2;
151 |         
152 |         this.xh=-1.5+Math.random()*3; //topun x hızı
153 |         this.yh=m*Math.random()*1.5; //topun y hızı
154 |         
155 |         
156 |     }
157 |     
158 |     //hizi arttırıyoruz.
159 |     function hizArttir(){
160 |       
161 |         if(puanlar%4 ==0)  
162 |            if(Math.abs(topum.xh)<15){
163 |                topum.xh+=(topum.xh<0)? -1 : 1;
164 |                 topum.yh+=(topum.yh<0)? -2 : 2;
165 |            }
166 |     }
167 |     
168 |     //çubuk için fonksyion oluştur
169 |     function Kurek(poz){
170 |         this.h=5;  //kürek yüksekliği
171 |         this.w=150;  //kürek genişliği
172 |         
173 |        
174 |         //kurek pozisyonu
175 |         this.x=G/2-this.w/2;
176 |         this.y=(poz=="ust")? 0:Y-this.h;  //ternary(if yapısı) kullandık. //aşağıdaki çubuğun düzgün görünmesi için yaptık.
177 |     }
178 |     
179 |     //çubuk arrrayimize küreklerimizi ekliyoruz.
180 |     cubuk.push(new Kurek("asagi"));
181 |     cubuk.push(new Kurek("ust"));
182 |     
183 |     
184 |     //tuval çizmek için gerekli fonksiyon
185 |     function canvasCiz(){
186 |         ctx.fillStyle="black";
187 |         ctx.fillRect(0,0,G,Y);/*ekranı doldurduk. siyah yaptık.*/
188 |     }
189 |     
190 |     
191 |     //herşeyi canvas bölgesinde çizmek için gerekli fonksiyon
192 |     function ciz(){
193 |         canvasCiz();
194 |         for(var i=0;i<cubuk.length;i++){
195 |             p=cubuk[i]; 
196 |             ctx.fillStyle="white";
197 |             ctx.fillRect(p.x,p.y,p.w,p.h);
198 |         }
199 |         topum.ciz();
200 |         guncelle();
201 |     }
202 |     
203 |     //animasyonları çalıştırmak için oluşturduğumuz döngü
204 |     function animDongu(){
205 |        res=animasyonFrameIstegi(animDongu);
206 |        ciz();
207 |     }
208 |     //animDongu();   //browser açıldığında başlar bu döngü.
209 |     
210 |     function baslamaEkranı(){
211 |          ciz();
212 |          baslatButon.ciz();
213 |     }
214 |     
215 |     
216 |     
217 |     
218 |     //ekrandaki değişiklikleri güncelle fonksyionu gösterecek.
219 |     function guncelle(){
220 |      
221 |      skoruGuncelle();//skorumuzu güncellicez.
222 |      
223 |         //topu hareket ettiriyoruz
224 |      topum.x+=topum.xh;
225 |      topum.y+=topum.yh;
226 |         
227 |         //cubugu hareket ettiriyoruz
228 |         if(mouse.x && mouse.y){  //eğer mouseda bir hareketlilik varsa aşağıdakileri yap.
229 |             
230 |             for(var i=1;i<cubuk.length;i++ ){
231 |                 
232 |                 p=cubuk[i];
233 |                 p.x=mouse.x-p.w/2;   //mouse nereye giderse çubukda oraya gidiyor.
234 |             }
235 |         }
236 |         
237 |         
238 |     
239 |         //cucukları çağır
240 |         p1=cubuk[1];
241 |         p2=cubuk[2];
242 |         
243 |         
244 |         //çarpışma işleminin gerçekleştiği yer.
245 |         if(carpismalar(topum,p1)){ //topla çubuk birbirine değdiği anı yapıyoruz.carpısmalar fonksyionundan true dönerse bunu yapıyoruz.
246 |             carpismaEylemi(topum,p1);
247 |             
248 |             
249 |         }else if(carpismalar(topum,p2)){
250 |              carpismaEylemi(topum,p2);
251 |         }else{// oyunda yandığımızda yapılan işlemler (carpismalar fonksiyonundan false dönerse bunu yapıyoruz.)
252 |             //top üst veya aşağı çubuga çarparsa yapılacak işlemler
253 |         if(topum.y+topum.r>Y){  //top yüksekliği geçerse yani oyun dışına çıkarsa kaybediyoruz.üst kısım için 
254 |             topum.y=Y-topum.r;
255 |             oyunBitti();
256 |         }else if(topum.y<0){//top yüksekliği geçerse yani oyun dışına çıkarsa kaybediyoruz.alt kısım için 
257 |             topum.y =topum.r;
258 |             oyunBitti();
259 |         }
260 |         
261 |         
262 |         
263 |         //top  sağ ve sol duvara çarparsa
264 |         if(topum.x+topum.r>G){
265 |             topum.xh=-topum.xh; //sağ tarafa çarparsa  geri dönmesi için.
266 |             topum.x=G- topum.r;//top sağ tarafa tam çarptığı anda geri dönmesi için
267 |         }else if(topum.x-topum.r<0){
268 |             topum.xh=-topum.xh;//sol tarafa çarparsa  geri dönmesi için.
269 |             topum.x=topum.r;
270 |         }
271 |         
272 |      }//else bitişi
273 |         
274 |         if(carpismaDegiskeni==1){
275 |             for(var k=0;k<carpismaParcacigi;k++){
276 |                 parcalar.push(new parcacikOlustur(parcaPozisyonu.x,parcaPozisyonu.y,cogalt));
277 |                 
278 |             }
279 |             
280 |         }
281 |         
282 |         //parcalarıyay fonksiyonu
283 |         parcalariyay();
284 |         carpismaDegiskeni=0;//parçaları sonradan silmek için
285 |         
286 |     }//güncelle fonksiyon sonu
287 |     
288 |     //mousemuzu hareket ettiriyoruz.
289 |     function mouseHareket(e){
290 |         //sağ ve sol yönde hareket ettirmemizi sağlayan işlemler
291 |         mouse.x=e.pageX; // x koordinatı 
292 |         mouse.y=e.pageY;  // y koordinatı
293 |         
294 |     }
295 |     
296 |     //top ile çubuk arasındaki çarpışmyı kontrol eden fonksiyon
297 |     function carpismalar(b,p){ //b:top ,p:cubuk
298 |         if(b.x +topum.r>=p.x && b.x-topum.r<=p.x+p.w){  // (x ekseni yani x koordinatı)  x ekseninde top ile cubugun çarpışma durumunu kontrol ettik
299 |             if(b.y>=(p.y-p.h) && p.y>0){  //y ekseninde top çubugu geçmeden için yapılan işlemler.
300 |                 cubukCarpisma=1;
301 |                 return true;
302 |                 
303 |             }else if(b.y<=p.h && p.y==0){  //buradada oyunun bitmesini sağlıyoruz.top cubugu geçerse yanıyoruz.
304 |                 cubukCarpisma=2;
305 |                 return true;
306 |             }else {
307 |                 return false;
308 |             }
309 |             
310 |         }
311 |         
312 |     }
313 |     
314 |     
315 |     //carpışma işlemninin gerçekleştiği an
316 |     function carpismaEylemi(topum,p){ //p:parçaçık 
317 |         topum.yh= -topum.yh;
318 |         
319 |         if(cubukCarpisma==1){ //top yukarı çarptığında
320 |             topum.y=p.y-p.h;
321 |             parcaPozisyonu.y=topum.y-topum.r;
322 |             cogalt=-1;
323 |         }else if(cubukCarpisma==2){ //top aşağıya çarptığında
324 |             topum.y=p.h+topum.r;
325 |             parcaPozisyonu.y=topum.y-topum.r;
326 |             cogalt=1;
327 |         }
328 |         puanlar++;
329 |         hizArttir();
330 |         
331 |         if(carpisma){
332 |             if(puanlar>0){
333 |                 carpisma.pause();
334 |             }
335 |                 carpisma.currentTime=0;
336 |                 carpisma.play();
337 |            
338 |             
339 |         }
340 |         parcaPozisyonu.x=topum.x;
341 |         carpismaDegiskeni=1;
342 |         
343 |     }
344 |     
345 |     //parçaları dağıttığımız bölüm
346 |     function parcalariyay(){
347 |         for(var j=0;j<parcalar.length;j++){
348 |             par=parcalar[j];
349 |             ctx.beginPath();
350 |             ctx.fillStyle="white";
351 |             if(par.radius>0){
352 |                 ctx.arc(par.x,par.y,par.radius,0,2*Math.PI,false);
353 |             }
354 |             ctx.fill();
355 |             par.x+=par.xh;
356 |             par.y+=par.yh;
357 |             
358 |             //parçacıkları oluştuktan sonra kaybet
359 |             par.radius=Math.max(par.radius-0.05,00);
360 |         }
361 |         
362 |     }
363 |     
364 |     
365 |     //puan tablosu
366 |     function skoruGuncelle(){
367 |         ctx.fillStyle="white";
368 |         ctx.font="16px Arial,sans-serif";
369 |         ctx.textAlign="left"; //solda
370 |         ctx.textBaseline="top";//pozisyonu belirledik yukarıda solda
371 |         ctx.fillText("Puan: "+puanlar,20,20);//yazının genişliği ve yüksekliği 20 20
372 |         
373 |     }
374 |     
375 |     
376 |     
377 |     //oyunu bitiren fonksyion
378 |     function oyunBitti(){
379 |         ctx.fillStyle="white";
380 |         ctx.font="20px Arial,sans-serif";
381 |         ctx.textAlign="center";
382 |         ctx.textBaseline="middle";//yazıyı ortalayacak
383 |         ctx.fillText("Yenildin loo :( -Toplamda"+puanlar+"puan aldin",G/2,Y/2+25);//yazının konumunu belirledik.
384 |         
385 |         animasyonFrameIptal(res);
386 |         
387 |         bitti=1;
388 |         
389 |         resetButon.ciz();//oyun bittiğinde reset butonu belirir.
390 |     }
391 |     
392 |     //buton tıklandığında başla veya resetle
393 |     function butonTiklandi(e){
394 |         
395 |         //mouse pozisyonu sakla 
396 |         var mx=e.pageX,   //mouseun x eksenindeki hareketini yakaladık
397 |              my=e.pageY;   //mouseun y ekesenindeki hareketini yakaladık
398 |         
399 |         
400 |         //başlat butonuna tıkla
401 |         if(mx>baslatButon.x && mx<=baslatButon.x+baslatButon.w){
402 |             animDongu();
403 |             
404 |             //baslat butonu ekrandan sil
405 |             baslatButon={};
406 |         }
407 |         if(bitti==1){
408 |             if(mx>resetButon.x && mx<=resetButon.x+resetButon.w){
409 |                 topum.x=20;
410 |                 topum.y=20;
411 |                 puanlar=0;
412 |                 topum.xh=4;
413 |                 topum.yh=8;
414 |                 animDongu();
415 |                 
416 |                 bitti=0;
417 |             }
418 |         }
419 |     }
420 |     baslamaEkranı();
421 |     
422 | </script>
423 | </body>
424 | </html>
425 | 
426 | 
427 | 
428 | 
429 | 
430 | 
431 | 
432 | 


--------------------------------------------------------------------------------
/javascript-top-oyunuu/javascript  top oyun uyaptık.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascript-top-oyunuu/javascript  top oyun uyaptık.txt


--------------------------------------------------------------------------------
/javascriptle GÜZEL GALERİ YAPTIK/nbproject/private/private.properties:
--------------------------------------------------------------------------------
1 | index.file=index.php
2 | url=http://localhost/PhpProject15/
3 | 


--------------------------------------------------------------------------------
/javascriptle GÜZEL GALERİ YAPTIK/nbproject/project.properties:
--------------------------------------------------------------------------------
1 | include.path=${php.global.include.path}
2 | php.version=PHP_56
3 | source.encoding=UTF-8
4 | src.dir=.
5 | tags.asp=false
6 | tags.short=false
7 | web.root=.
8 | 


--------------------------------------------------------------------------------
/javascriptle GÜZEL GALERİ YAPTIK/nbproject/project.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://www.netbeans.org/ns/project/1">
 3 |     <type>org.netbeans.modules.php.project</type>
 4 |     <configuration>
 5 |         <data xmlns="http://www.netbeans.org/ns/php-project/1">
 6 |             <name>PhpProject15</name>
 7 |         </data>
 8 |     </configuration>
 9 | </project>
10 | 


--------------------------------------------------------------------------------
/javascriptle GÜZEL GALERİ YAPTIK/newhtml.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | To change this license header, choose License Headers in Project Properties.
 4 | To change this template file, choose Tools | Templates
 5 | and open the template in the editor.
 6 | -->
 7 | <html>
 8 |     <head>
 9 |     <title>TODO supply a title</title>
10 |     <meta charset="UTF-8">
11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 |     <style>
13 |         body {
14 |     color: #6F6F6D;
15 |     font-family: Georgia;
16 |     font-size: 10px; 
17 |         }
18 |         #container {
19 |     width: 580px; 
20 |     padding-top: 15px;
21 |     padding-bottom: 15px;
22 |     border: 1px solid #e2e2e2;
23 |     background: #F5F5F5;
24 |     margin: 10px;
25 |     }
26 |     #resimdiv {
27 |     width: 400px;
28 |     background-color: #91918E;
29 |     background-image: url('images/loading.gif');
30 |     background-repeat: no-repeat;
31 |     background-position: center;
32 |     }
33 |     #resimdiv img {
34 |     width: 400px;
35 |     height: 300px;
36 |     border: 2px solid #e2e2e2;  
37 |     }
38 |     #thumb {
39 |     margin-top: 15px; 
40 |     }
41 |     #thumb img {
42 |     width: 100px;
43 |     height: 75px;
44 |     border: 2px solid #e2e2e2; 
45 |     }
46 |     </style>
47 |     <script>
48 |      function myResim(aydi){
49 |     // Yöntem 1: Resmi değiştirme
50 |     // document.myresim.src =  ""+ aydi +"";
51 |     
52 |     // Yöntem 2: Taşıyıcı div'e html import etme
53 |     document.getElementById("resimdiv").innerHTML = "<img name=\"myresim\" src=\""+ aydi +"\" />";
54 | }
55 |         
56 |     </script>
57 | </head>
58 | <body>
59 | <center>
60 | <h2>Egonomik.com // Javascript resim scripti</h2>
61 | <div id="container" align="center">
62 | 
63 |         
64 |         <div id="resimdiv" name="resimdiv">
65 |         <img name="myresim" src="http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-01.jpg" />
66 |         </div>
67 | 
68 |         <div id="thumb">
69 |          <a href="javascript:;" onclick="myResim('http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-02.jpg');"><img src="http://www.egonomik.com/script/javascript-resim-goster/images/resim1.jpg" width="100" /></a>
70 |          <a href="javascript:;" onclick="myResim('http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-09.jpg');"><img src="http://www.egonomik.com/script/javascript-resim-goster/images/resim2.jpg" width="100" /></a>
71 |          <a href="javascript:;" onclick="myResim('http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-01.jpg');"><img src="http://www.egonomik.com/script/javascript-resim-goster/images/resim3.jpg" width="100" /></a>
72 |          <a href="javascript:;" onclick="myResim('http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-18.jpg');"><img src="http://www.egonomik.com/script/javascript-resim-goster/images/resim4.jpg" width="100" /></a>
73 | 
74 |          <a href="javascript:;" onclick="myResim('http://www.egonomik.com/wallpaper/grunge/egonomik.com-grunge-wallpaper-03.jpg');"><img src="http://www.egonomik.com/script/javascript-resim-goster/images/resim5.jpg" width="100" /></a>
75 |         </div>
76 |         
77 |     </div>
78 | 
79 | </center>
80 | </body>
81 | </html>
82 | 


--------------------------------------------------------------------------------
/javascripttt adan zye javascript.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramazanaras/JavaScriptExamples/50d05d8032d61a80411fae6f9bb473b9f10b7d8b/javascripttt adan zye javascript.txt


--------------------------------------------------------------------------------
/reaksiyon hız testi oyunu/nbproject/private/private.properties:
--------------------------------------------------------------------------------
1 | browser.id=SL[/Browsers/FirefoxBrowser
2 | index.file=index.php
3 | url=http://localhost/PhpProject15/
4 | 


--------------------------------------------------------------------------------
/reaksiyon hız testi oyunu/nbproject/project.properties:
--------------------------------------------------------------------------------
1 | include.path=${php.global.include.path}
2 | php.version=PHP_56
3 | source.encoding=UTF-8
4 | src.dir=.
5 | tags.asp=false
6 | tags.short=false
7 | web.root=.
8 | 


--------------------------------------------------------------------------------
/reaksiyon hız testi oyunu/nbproject/project.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://www.netbeans.org/ns/project/1">
 3 |     <type>org.netbeans.modules.php.project</type>
 4 |     <configuration>
 5 |         <data xmlns="http://www.netbeans.org/ns/php-project/1">
 6 |             <name>PhpProject15</name>
 7 |         </data>
 8 |     </configuration>
 9 | </project>
10 | 


--------------------------------------------------------------------------------
/reaksiyon hız testi oyunu/newhtml.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 | To change this license header, choose License Headers in Project Properties.
 4 | To change this template file, choose Tools | Templates
 5 | and open the template in the editor.
 6 | -->
 7 | <html>
 8 |     <head>
 9 |     <title>TODO supply a title</title>
10 |     <meta charset="UTF-8">
11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 |     <style>
13 |         #anaEl {
14 |             width:50px;
15 |             height:50px;
16 |             background-color: #f4cbad;
17 |             position:relative;
18 |         }
19 |     </style>
20 |     <script>
21 |         var anaEl,olusmaZamani,tiklamaZamani;
22 |         window.addEventListener("load",function(){
23 |             anaEl=document.getElementById("anaEl");
24 |             anaEl.addEventListener("click",tik);
25 |         });
26 |         function rastPoz(maxYuk,maxGen,birim){
27 |             var yukseklik=Math.round(Math.random()*maxYuk)+birim,genislik=Math.round(Math.random()*maxGen)+birim;
28 |             return [yukseklik,genislik];
29 |         }
30 |         function bicim(){
31 |             var bicim=Math.round(Math.random()*60)+"%";
32 |             return bicim;
33 |             
34 |         }
35 |         function rastRenk(){
36 |             var olasiliklar="0123456789abcdef",renk="#";
37 |             for(var i=0;i<6;i++){
38 |             renk+=olasiliklar.split("")[Math.floor(Math.random()*15)];
39 |                              }
40 |                              return renk;
41 |         }
42 |         function olus(){
43 |             setTimeout(function(){
44 |                 pozisyon=rastPoz(400,600,"px");
45 |                 anaEl.style.borderRadius=bicim();
46 |                 anaEl.style.backgroundColor=rastRenk();
47 |                anaEl.style.top=pozisyon[0];
48 |                anaEl.style.left=pozisyon[1];
49 |                 anaEl.style.display="block";/*görünüryap*/
50 |                 olusmaZamani=Date.now();
51 |             },Math.random()*5000);
52 |             
53 |         }
54 |         function tik(){
55 |             olus();
56 |             tiklamaZamani=Date.now();
57 |             anaEl.style.display="none";
58 |             document.getElementById("sonuc").innerHTML="Reaksiyon hızınız: "+((tiklamaZamani-olusmaZamani)/1000).toFixed(2)+"saniyedir";
59 |         }
60 |     </script>
61 | </head>
62 | <body>
63 | <!--REAKSİYON HIZ TESTİ OYUNU-->
64 | <div id="sonuc"></div>
65 | <div id="anaEl"></div>
66 | 
67 | 
68 | 
69 | 
70 | 
71 | 
72 | 
73 | </body>
74 | </html>
75 | 


--------------------------------------------------------------------------------