<!DOCTYPE html>
<html>
<body>
<p>Integers are considered accurate up to 15 digits.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = 999999999999999;
var y = 9999999999999999;
document.getElementById("demo").innerHTML = x + "<br>" + y;
}
</script>
</body>
</html>
Numerik Değerler Kullanımı Küçük Hatalar
<!DOCTYPE html>
<html>
<body>
<p>Floating point arithmetic is not always 100% accurate.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = 0.2 + 0.1;
document.getElementById("demo").innerHTML = "0.2 + 0.1 = " + x;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>Floating point arithmetic is not always 100% accurate.</p>
<p>But it helps to multiply and divide.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = (0.2*10 + 0.1*10) / 10;
document.getElementById("demo").innerHTML = "0.2 + 0.1 = " + x;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>Numeric constants, preceded by 0x, are interpreted as hexadecimal.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "0xFF = " + 0xFF;
}
</script>
</body>
</html>
Numerik Değerler Kullanımı Hex Sayılar
<!DOCTYPE html>
<html>
<body>
<p>Numeric constants, preceded by 0x, are interpreted as hexadecimal.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "0xFF = " + 0xFF;
}
</script>
</body>
</html>
Numerik Değerler Kullanımı-Sınırları Zorlama
<!DOCTYPE html>
<html>
<body>
<p>Infinity is returned if you calculate a number outside the largest possible number.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var myNumber = 2;
var txt = "";
while (myNumber != Infinity) {
myNumber = myNumber * myNumber;
txt = txt + myNumber + "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>
Sonsuzluk
<!DOCTYPE html>
<html>
<body>
<p>Division by zero also generates Infinity.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = 2/0;
var y = -2/0;
document.getElementById("demo").innerHTML = x + "<br>" + y;
}
</script>
</body>
</html>
Tip Dönüşümü
<!DOCTYPE html>
<html>
<body>
<p>Infinity is a Number.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = typeof Infinity;
}
</script>
</body>
</html>
Veri Bozulması
<!DOCTYPE html>
<html>
<body>
<p>A number divided by a non-numeric string becomes NaN (Not a Number):</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 / "Apple";
</script>
</body>
</html>
Numerik Kullanım
<!DOCTYPE html>
<html>
<body>
<p>A number divided by a numeric string becomes a number:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 / "10";
</script>
</body>
</html>
Numerik Değerler
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 100 / "Apple";
document.getElementById("demo").innerHTML = isNaN(x);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>If you use NaN in a mathematical operation, the result will also be NaN:</p>
<p id="demo"></p>
<script>
var x = NaN;
var y = 5;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>
Veri Dönüşümü
<!DOCTYPE html>
<html>
<body>
<p>The typeof NaN is:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = typeof NaN;
</script>
</body>
</html>
Numerik Değerler ve Obje
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 123;
var y = new Number(123);
document.getElementById("demo").innerHTML = typeof x + "<br>" + typeof y;
</script>
</body>
</html>
Doğru Değer Karşılaştırma
<!DOCTYPE html>
<html>
<body>
<p>Never create numbers as objects.</p>
<p>Numbers and objects cannot be safely compared.</p>
<p id="demo"></p>
<script>
var x = 500; // x is a number
var y = new Number(500); // y is an object
document.getElementById("demo").innerHTML = (x==y);
</script>
</body>
</html>
Obje ve Numerik Değer Karşılaştırma
<!DOCTYPE html>
<html>
<body>
<p>Never create numbers as objects.</p>
<p>JavaScript objects cannot be compared.</p>
<p id="demo"></p>
<script>
var x = new Number(500); // x is an object
var y = new Number(500); // y is an object
document.getElementById("demo").innerHTML = (x==y);
</script>
</body>
</html>
Max Value
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Number.MAX_VALUE;
</script>
</body>
</html>
Js ToString
<!DOCTYPE html>
<html>
<body>
<p>The toString() method converts a number to a string.</p>
<p id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML =
x.toString() + "<br>" +
(123).toString() + "<br>" +
(100 + 23).toString();
</script>
</body>
</html>
Js to Exponential
<!DOCTYPE html>
<html>
<body>
<p>The toExponential() method returns a string, with the number rounded and written using exponential notation.</p>
<p>An optional parameter defines the number of digits behind the decimal point.</p>
<p id="demo"></p>
<script>
var x = 9.656;
document.getElementById("demo").innerHTML =
x.toExponential() + "<br>" +
x.toExponential(2) + "<br>" +
x.toExponential(4) + "<br>" +
x.toExponential(6);
</script>
</body>
</html>
Js ToFixed
<!DOCTYPE html>
<html>
<body>
<p>The toFixed() method rounds a number to a given number of digits.</p>
<p>For working with money, toFixed(2) is perfect.</p>
<p id="demo"></p>
<script>
var x = 9.656;
document.getElementById("demo").innerHTML =
x.toFixed(0) + "<br>" +
x.toFixed(2) + "<br>" +
x.toFixed(4) + "<br>" +
x.toFixed(6);
</script>
</body>
</html>
Js Precision
<!DOCTYPE html>
<html>
<body>
<p>The toPrecision() method returns a string, with a number written with a specified length:</p>
<p id="demo"></p>
<script>
var x = 9.656;
document.getElementById("demo").innerHTML =
x.toPrecision() + "<br>" +
x.toPrecision(2) + "<br>" +
x.toPrecision(4) + "<br>" +
x.toPrecision(6);
</script>
</body>
</html>
Js Number
<!DOCTYPE html>
<html>
<body>
<p>The global JavaScript function Number() converts variables to numbers:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Number(true) + "<br>" +
Number(false) + "<br>" +
Number(" 10") + "<br>" +
Number("10 ") + "<br>" +
Number("10 6");
</script>
</body>
</html>
Js ParseInt
<!DOCTYPE html>
<html>
<body>
<p>The global JavaScript function parseInt() converts strings to numbers:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
parseInt("10") + "<br>" +
parseInt("10.33") + "<br>" +
parseInt("10 6") + "<br>" +
parseInt("10 years") + "<br>" +
parseInt("years 10");
</script>
</body>
</html>
Js ParseFloat
<!DOCTYPE html>
<html>
<body>
<p>The global JavaScript function parseFloat() converts strings to numbers:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
parseFloat("10") + "<br>" +
parseFloat("10.33") + "<br>" +
parseFloat("10 6") + "<br>" +
parseFloat("10 years") + "<br>" +
parseFloat("years 10");
</script>
</body>
</html>
Js ValueOf
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML =
x.valueOf() + "<br>" +
(123).valueOf() + "<br>" +
(100 + 23).valueOf();
</script>
</body>
</html>
Js Math Kütüphanesi Random
<!DOCTYPE html>
<html>
<body>
<p>Math.random() returns a random number betwween 0 and 1.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = Math.random();
}
</script>
</body>
</html>
Js Min / Max Kullanımı
<!DOCTYPE html>
<html>
<body>
<p>Math.min() returns the lowest value.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML =
Math.min(0, 150, 30, 20, -8);
}
</script>
</body>
</html>
Js Random Fonksiyon ile Kullanımı
<!DOCTYPE html>
<html>
<body>
<p>
In HTML, all global variables will become a window variables.
</p>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"I can display " + window.carName;
function myFunction() {
carName = "Volvo";
}
</script>
</body>
</html>
Js Round
<!DOCTYPE html>
<html>
<body>
<p>Math.round() rounds a number to its nearest integer.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = Math.round(5.7);
}
</script>
</body>
</html>
Js Ceil
<!DOCTYPE html>
<html>
<body>
<p>Math.ceil() rounds a number <strong>up</strong> to its nearest integer.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = Math.ceil(4.4);
}
</script>
</body>
</html>
Js Floor
<!DOCTYPE html>
<html>
<body>
<p>Math.floor() rounds a number <strong>down</strong> to its nearest integer.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = Math.floor(4.7);
}
</script>
</body>
</html>
Js Random & Ceil Birlikte Kullanım
<!DOCTYPE html>
<html>
<body>
<p>Math.floor() combined with Math.random() can return random integers.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML =
Math.floor(Math.random() * 11);
}
</script>
</body>
</html>
Js ve Hazır Math
<!DOCTYPE html>
<html>
<body>
<p>Math constants are E, PI, SQR2, SQR1_2, LN2, LN10, LOG2E, LOG10E</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML =
Math.E + "<br>" +
Math.PI + "<br>" +
Math.SQRT2 + "<br>" +
Math.SQRT1_2 + "<br>" +
Math.LN2 + "<br>" +
Math.LN10 + "<br>" +
Math.LOG2E + "<br>" +
Math.LOG10E + "<br>";
}
</script>
</body>
</html>
Js Hazır Methodlar
<!DOCTYPE html>
<html lang="tr">
<head>
<title>Java Script Fonksiyon ve Sınıf Oluşturma</title>
<meta charset ="utf-8">
</head>
<body>
<script>
function Diktorgen()
{
this.g="";
this.y="";
this.alan=function() { return this.g * this.y; }
this.cevre=function() { return 2*(this.g + this.y);}
}
var dik = new Diktorgen();
dik.g =Number(prompt("Genişlik:"));
dik.y =Number(prompt("Yukseklik:"));
alert("Alan="+ dik.alan()+"Cevre="+ dik.cevre());
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="tr">
<head>
<title>Java Script </title>
<meta charset ="utf-8">
</head>
<body>
<script>
var i=0;
function pencere()
{
open("http://www.cbu.edu.tr","_blank","height=300",width="200");
}
function say()
{
document.getElementById("kutu").innerHTML = i;
i++;
}
setTimeout("pencere()",1000);
setInterval("pencere()",1000);
</script>
<input type="button" value="Pencere" onclick="pencere()">
<div id="kutu"></div>
</body>
</html>
<html lang="tr">
<head>
<title>Başlık Yazısı</title>
<meta charset ="utf-8">
</head>
<body>
<form name="kayit" enctype="text/plain" action=get>
<table>
<tr>
<td> Ad Soyad:</td>
<td>:<input type="text" name="ad" required="required" autofocus="autofocus"></td>
</tr>
<tr>
<td>E Mail</td>
<td>:<input type="email" name="posta" required="required"></td>
</tr>
<tr>
<td>Adres</td>
<td>:<textarea name="adres" rows="4" cols="50" required="required"></textarea></td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" name="secenek-1" value="deger-1">Değer-1
<input type="checkbox" name="secenek-2" value="deger-2">Değer-2
<input type="checkbox" name="secenek-3" value="deger-3">Değer-3
<input type="checkbox" name="secenek-4" value="deger-4">Değer-4
</td>
</tr>
<tr>
<td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" name="secenek-1" value="deger-1" checked="checked">Değer-1
<input type="radio" name="secenek-2" value="deger-2">Değer-2
<input type="radio" name="secenek-3" value="deger-3">Değer-3
<input type="radio" name="secenek-4" value="deger-4">Değer-4
</td>
</tr>
<tr>
<td>
</tr>
<tr>
<td>Yaşanan İl</td>
<td>
<select name="iller" size="1">
<optgroup label="Marmara">
<option>İstanbul</option>
<option>Bursa</option>
<option>Edirne</option>
<option>Kırklareli</option>
<option>Tekirdağ</option>
</optgroup>
<optgroup label="Ege">
<option>İzmir</option>
<option>Manisa</option>
<option>Aydın</option>
<option>Muğla</option>
<option>Denizli</option>
</optgroup>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="gonder">
<input type="reset" value="iptal">
<input type="image" src="./buttonresim.jpg">
</td>
</tr>
</table>
</form>
</body>
</html>
Dışarıdan Js
<!DOCTYPE html>
<html>
<body>
<h1>External JavaScript</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">Try it</button>
<p><strong>Note:</strong> myFunction is stored in an external file called "myScript.js".</p>
<script src="myScript.js"></script>
</body>
</html>
myScript.js
function myFunction()
{
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
Picture gif
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Can Change Images</h1>
<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<p>Click the light bulb to turn on/off the light.</p>
<script>
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script>
</body>
</html>
Ek Örnekler
<html>
<head>
<meta http-equiv="content-type"content="text/html;
charset=windows-1254">
<title>javascrip'te döngü</title>
<script language="JavaScript1.2">
<!--javascrript kodunu eski sürüm browser'lardan saklayalim
//santigrat-fahrenayt tablosu
document.writeln("<Table Border=\"1\">")
document.writeln("<TR><TD>Santigrad</TD><TD>Fahrenayt</TD></TR>")
for(santigrad=0;santigrad<=100;++santigrad)
{
fahrenhayt=santigrad*9/5+32
document.writeln("<TR><TD>"+santigrad+"</TD><TD>"+fahrenhayt+
"</TD></TR>")
}
document.writeln("</TABLE>")
//-->
</script></head>
<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
<!—
function fullwin(targeturl){
window.open(targeturl,"","fullscreen,scrollbars")
}
//-->
</script>
</head>
<body>
<form>
<input type="button" onClick="fullwin('http://www.cbu.edu.tr')" value="Open window">
</form>
</body>
</html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function toBin(form) {
base = parseInt(form.base.value);
num = parseInt(form.num.value);
form.amount.value = num.toString(base);
}
// End -->
</script>
</HEAD>
<BODY>
<form name=numform>
<center>
<input type=text name=num size=8> to base
<input type=text name=base size=8 value=2 onBlur="if ((this.value<1)||(this.value>36)){alert('The base must be between 2 and 36.');this.select();this.focus();}">
<input type=button value=" = " onclick="toBin(this.form)">
<input type=text name=amount size=15>
</center>
</form>