
	sadet48


	eval method

JavaScript Dersleri

eval method

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript Dersleri</title>
    <meta charset="utf-8">
<style>
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Lekton');
* {margin: 0;padding: 0;}
body {background: skyblue}
main {
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
main h1 {
font-family: 'Lekton', sans-serif;
font-size: .5cm;
color: rgba(0,135,0,1);
font-weight: bold;
text-align: left;
padding: 10px;
}
main p {
font-family: 'Comfortaa',cursive;
color: rgba(0,0,0,.8);
font-size: 1cm;
font-style: italic;
text-indent: 30px;
padding: 10px;
}
main p a{
font-family: 'Comfortaa',cursive;
color: rgba(0,0,0,.4);
font-size: .5cm;
font-style: italic;
text-decoration: none;
text-indent: 30px;
padding: 10px;
}
main p a:hover{
color: rgba(0,0,0,.8);
}
form label {
font-family: 'Comfortaa',cursive;
color: rgba(0,0,0,1);
font-size: .4cm;
}
form {margin-left: 10px;}
form p {
font-family: 'Comfortaa',cursive;
color: rgba(0,0,0,1);
font-size: .5cm;
}
form input {
font-family: 'Comfortaa',cursive;
color: rgba(0,0,255,1);
font-size: .4cm;
background: #fff;
padding: 10px;
}
button {
font-family: 'Comfortaa',cursive;
color: rgba(255,255,255,1);
font-size: .4cm;
background: #59c;
padding: 10px;
}
</style>
</head>
<body>
<main>
 <h1 id="b1">eval method</h1>
    <form>
        <label>Sayı 1:</label><br>
        <input type="text" name="ilk" id="ilk_sayi" autofocus><br>
        <label>Sayı 2:</label><br>
        <input type="text" name="ikinci" id="ikinci_sayi"><br>
        <label>Sonuç:</label><br>
       <p type="text" name="sonuc" id="sonuc"></p>
        <button type="button" onclick="hasapla()">Topla</button>
    </form>             
</main>
<script type="text/javascript">
function hasapla() {
   var deger1 =eval(document.getElementById("ilk_sayi").value);
   var deger2 =eval(document.getElementById("ikinci_sayi").value);
   var islem = deger1+deger2;
   document.getElementById("sonuc").innerHTML=islem;
}
</script>
</body>
</html>

Toplam 110284 ziyaretçi

sadet48

JQuery Cycle ile Haber Bandı

Sadet Sevinç

sadet48.tr.gg@gmail.com

Facebook beğen

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol