UmutYurdugulCode

Html <button class="corner-button">   <span>Click me</span> </button> Css html { box-sizing: border-box; height: 100% } *, *::before, *::after { box-sizing: inherit; } body { font-size: 10px; display: flex; align-items: center; justify-content: center; min-height: 100vh } // ^ resets / layout $bg : #2f2f2f; $fg: #06c17f; $border-width: .5rem; $corner-size: 3rem; $dur: .3s; body {   background: $bg; } .corner-button {   font-family: 'Lato', sans-serif;   letter-spacing: .02rem;   cursor: pointer;   background: transparent;   border: $border-width solid currentColor;   padding: 1.5rem 2rem;   font-size: 2.2rem;   color: $fg;   position: relative;   transition: color $dur;      &:hover {     color: pink;     &::before { width: 0; }     &::after { height: 0; }   }   &:active {     border-width: $border-width / 2;   }      //bit lame about the extra span.    //it's to get the text to appear on top of the psewudo elements. is ther

Algoritma ile ilgili örnek yaparken sonsuz döngüler ile ilgili örneklerde klasik verilen örnektir. Bilgisayarın tuttuğu sayıyı tahmin etme oyunu, bu sefer ki oyun tam tersi olarak hazırlanmıştır. Yani kullanıcının tuttuğu sayıyı bilgisayar tahmin etmeye çalışacaktır.   Kullanıcının Tuttuğu Sayıyı Tahmin Etme Örneğinin Çalışma Mantığı Şu Şekildedir. Başla butonuna basıldığında bilgisayar 0 ile 100 arasında bir sayı söyler. Eğer bilgisayarın tuttuğu sayı kullanıcının zihnindeki sayıdan  küçükse kullanıcı  yukarı   butonuna basarak bilgisayarın daha yüksek bir sayı söylemesini ister. Eğer bilgisayarın tuttuğu sayı kullanıcının zihnindeki sayıdan  büyükse kullanıcı  aşağı  butonuna basarak bilgisayarın daha düşük bir sayı söylemesini ister. Bilgisayar bu iki aralıkta tahmin aralığını daraltarak kullanıcının hangi sayıyı tuttuğunu tahmin etmeye çalışır. Eğer kullanıcının zihnindeki sayı bilgisayarın tuttuğu sayı ile eşleşirse tebrikler deyip, tahmin sayıyısını ekrana yazacaktır. HTML:  Örne