Forum'da ara:
Ara


Yazar Mesaj
Mesaj14.06.2017, 18:37 (UTC)    
Mesaj konusu: Dairenin çapını bulma programı

merhaba arkadaşlar bir dairenin çapını cm2 ile birlikte yapma programını sizlere yazıyorum bu programla artık bir dairenin yarıçapını bildikten sonra yapmanız gereken dairenin yarıçapını konsola girmenizdir Giriş tuşuna bastığınız zaman dairenin çapını buluyor işte bukadar ..arkadaşlardan lütfen emeğe saygı istiyorum lütfen emeğe saygı arkadaşlar zaman buldukça burda yeni yaptığım javascript ile yazdığım programları paylaşıcam. buyrun kod;
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>

<style>

.yazi {
   width:200px;
   height:auto;
   background-color:#FFF;
   border:1px solid;
   
   display:none;}
   
.hesapmakinesi {
   margin:auto;
   background-image:url(http://www.arka-planlar.com/ap/cilekli-arka-planlar-238.jpg);
   width:300px;
   height:auto;}

</style>


</head>




<body>

<div class="hesapmakinesi">
<span class="giris" style="font:'Times New Roman', Times, serif; font-size:16px; color:#CC0000; background-color:black;">SAYIYI GİRİNİZ...</span><br />
<input type="text" class="text" /><br /><br />
<input type="button" class="buton" onclick="bas()" value="GİRİŞ" />
<br /><br />
<input type="button" value="sıfırla" class="buton" onclick="cik()" /><br />
<span class="font" style="font-size:16px; font-style:italic; font:'Times New Roman', Times, serif; color:#990000; background-color:#CC3;" >EKRAN SONUCU:</span>
<div class="yazi"></div>
<div class="yazi"></div>
<div class="yazi"></div>

</div>


<script type="text/javascript">
dizi = new Array(0,1,2,3,4);
   
   
function bas(){
   
   
   dizi = new Array(0,1,2,3,4);
yazi = document.getElementsByClassName('yazi')[0].value;

degisken1 = document.getElementsByClassName('text')[0].value;

var sonuc = degisken1*degisken1*3.14;

yazi = document.getElementsByClassName('yazi')[0].style.display="block";

sonuc = document.getElementsByClassName('yazi')[0].innerHTML=sonuc;

yazi = document.getElementsByClassName('yazi')[1].style.display="none";


}
   
function cik(){


yazi = document.getElementsByClassName('yazi')[0].style.display="none";

yazi = document.getElementsByClassName('yazi')[1].style.display="block";

yazi = document.getElementsByClassName('yazi')[1].innerHTML="0";

   
   }



</script>


</body>
</html>
Mesaj18.06.2017, 21:24 (UTC)    
Mesaj konusu: Devamını Göster/Gizle Kodu

Kodu bulmama yardımcı olan @slobada'ya teşekkürler.

Kod:
<span class="more">       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.     </span>     <br />
<br />
<div class="more">Morbi placerat imperdiet risus quis blandit. Ut lobortis elit luctus, feugiat erat vitae, interdum diam. Nam sit amet arcu vitae justo lacinia ultricies nec eget tellus. Curabitur id sapien massa. In hac <a href="#">habitasse</a> platea dictumst. Integer tristique leo consectetur libero pretium pretium. Nunc sed mauris magna. Praesent varius purus id turpis iaculis iaculis. Nulla <em>convallis magna nunc</em>, id rhoncus massa ornare in. Donec et feugiat sem, ac rhoncus mauris. Quisque eget tempor massa.</div>
<script>
  $(document).ready(function() {
    // Configure/customize these variables.
    var showChar = 100;  // How many characters are shown by default
    var ellipsestext = "...";
    var moretext = "Show more >";
    var lesstext = "Show less";
   

    $('.more').each(function() {
        var content = $(this).html();
 
        if(content.length > showChar) {
 
            var c = content.substr(0, showChar);
            var h = content.substr(showChar, content.length - showChar);
 
            var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
 
            $(this).html(html);
        }
 
    });
 
    $(".morelink").click(function(){
        if($(this).hasClass("less")) {
            $(this).removeClass("less");
            $(this).html(moretext);
        } else {
            $(this).addClass("less");
            $(this).html(lesstext);
        }
        $(this).parent().prev().toggle();
        $(this).prev().toggle();
        return false;
    });
});
</script>

______________

Mesaj18.07.2017, 19:18 (UTC)    
Mesaj konusu: Renk tahmin oyunu

selam arkadaşlar öncelikle sizler için javascript ile renk tahmin oyunu programı yazdım dahada paylaşımlarım gelicektir.arkadaşlar yalnız bu kod boostrap için değil sadece normal yazdım siz sitillerini değiştirmek istediğiniz yerleri css özelliklerinden değiştirebilirsiniz beğenmediğiniz şeyleri mesela kutunun oval olması gibi şeyleri yapacaksanız onlarıda sizler yaparsanız ben sadece burda sizlerinde işin mantığını kavramanız açısından bide sizlere faydalı olabileceğim açısından bir program yazdım umarım beğenirsiniz arkadaşlar bundan sonra paylaşacağım program ise resim galeri olucak herkese şimdiden iyi tahminler dilerim...

Html kodu:
Kod:
<div class="kutu">

<div class="kirmizi"></div>
<div class="yesil"></div>
<div class="siyah"></div>
</div><br /><br />

<div class="renksec">

<div class="seckirmizi" onclick="baskirmizi()">1-</div>
<div class="secyesil" onclick="basyesil()">2-</div>
<div class="secsiyah" onclick="bassiyah()">3-</div>

<span class="anlatim">KAFANIZDAN BİR RENK TAHMİN EDİN...</span>

</div><br /><br />
<input type="button" value="Tahmin et" onclick="tahmin()" class="queresma" />
<br />


<p></p>



Css kodu:
Kod:
.kutu {
   width:200px;
   height:200px;
   border-radius:100px;
   border:1px solid;
   overflow:hidden;
   background-color:#6699FF;}


.kirmizi {
   width:50px;
   height:50px;
   border-radius:25px;
   border:1px solid;
   position:absolute;
   left:80px;
   top:80px;
   background-color:#CC3333;
   display:none;}
   
   
.yesil {
   width:50px;
   height:50px;
   border-radius:25px;
   border:1px solid;
   position:absolute;
   left:80px;
   top:80px;
   background-color:#33CC99;
   display:none;}
   
.siyah {
   width:50px;
   height:50px;
   border-radius:25px;
   border:1px solid;
   position:absolute;
   left:80px;
   top:80px;
   background-color:#000000;
   display:none;}


.renksec {
   width:200px;
   height:200px;
   border:1px solid;}
   
.seckirmizi {
   float:left;
   width:30px;
   height:30px;
   border:1px solid;
   margin:10px;
   background-color:#CC3366;}
   
.secyesil {
   float:left;
   width:30px;
   height:30px;
   border:1px solid;
   margin:10px;
   background-color:#99CC99;}
   
.secsiyah {
   float:left;
   width:30px;
   height:30px;
   border:1px solid;
   margin:10px;
   background-color:#000000;}   
   




Javascript kodları:
Kod:
<script type="text/javascript">


function tahmin(){


var str = Math.round(Math.random()*2);

   
kirmizi = document.getElementsByClassName('kirmizi')[0];
yesil = document.getElementsByClassName('yesil')[0];
siyah = document.getElementsByClassName('siyah')[0];

var sifir = 0;
var bir = 1;
var iki = 2;

if(sifir == str){
   
p = document.getElementsByTagName('p')[0].innerHTML="Renk kırmızıdır";   
   
kirmizi = document.getElementsByClassName('kirmizi')[0].style.display="block";
   
   yesil = document.getElementsByClassName('yesil')[0].style.display="none";
   siyah = document.getElementsByClassName('siyah')[0].style.display="none";
   }
   
else if(bir == str){
   
   p = document.getElementsByTagName('p')[0].innerHTML="Renk yeşildir";
   
   yesil = document.getElementsByClassName('yesil')[0].style.display="block";
kirmizi = document.getElementsByClassName('kirmizi')[0].style.display="none";   

siyah = document.getElementsByClassName('siyah')[0].style.display="none";


}   
   
   
else if(iki == str){
   p = document.getElementsByTagName('p')[0].innerHTML="Renk siyahtır";
   
   siyah = document.getElementsByClassName('siyah')[0].style.display="block";
   yesil = document.getElementsByClassName('yesil')[0].style.display="none";
kirmizi = document.getElementsByClassName('kirmizi')[0].style.display="none";   
   }   
   
   

   
   
}




</script>
Mesaj08.06.2019, 21:28 (UTC)    
Mesaj konusu:

Yakın zamanda 3 adet kod paylasmayi dusunuyorum...
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu