31 Mart 2020 Salı

Number Sınıfı

Giriş
Java'daki double tipine denk gelir.

Noktadan Sonra Gelen 0
Küsüratlı sayılarda noktadan sonra gelen 0  yazılmayabilir

Örnek
Şöyle yaparız.
console.log(0. === 0);
Şöyle yaparız.
x = 5.;    //5
x = 5. + 6.   //11
constructor - String
Şöyle yaparız.
var num1 = Number(prompt("Enter 1st number"))
constructor - double
Şöyle yaparız
var n = Number(0.005);
console.log(n);
0.005
console.log(n.toPrecision(100));
0.00500000000000000010408340855860842566471546888351440429687500000000...
isNaN metodu
Verilen değerin özel bir sayı olan NaN'ye eşit olup olmadığını döner.
Örnek
Şöyle yaparız. Sonuç false döner çünkü 'abc' NaN değerin eşit değildir.
console.log(Number.isNaN('abc'));
parseFloat metodu
String'den Number'a çevirir.

Örnek
Şöyle yaparız.
function financial(x) {
  return Number.parseFloat(x).toFixed(2);
}

console.log(financial(4));
parseInt metodu
String'den Number'a çevirir.
Örnek
Şöyle yaparız. Sonuç olarak NaN alırız
console.log(Number.parseInt('abc'));
toFixed metodu

Noktadan sonra kaç tane küsürat hanesi istediğimizi belirtir.

toString metodu
Örnek
Şöyle yaparız.
(5).toString() //good
5..toString() //good

29 Mart 2020 Pazar

Key Event'leri

keydown - function
Örnek - function
Şöyle yaparız.
//read user's direction
document.addEventListener('keydown', changeDirection);

function changeDirection(e) {
  let code = e.keyCode;
  console.log(code);
}
keyup - function
Örnek - lambda
Bir tuşa kaç milisaniye boyunca basıldığını bulmak için şöyle yaparız.
const signalKeypressDuration = (key, duration) => {
  console.log(`Key ${key} pressed for ${duration} ms`);
};

const keys = {};
document.body.addEventListener("keydown", ({ key }) => {
  if (!keys[key]) keys[key] = Date.now();
});
document.body.addEventListener("keyup", ({ key }) => {
  signalKeypressDuration(key, Date.now() - keys[key]);
  keys[key] = null;
});
onkeypress
Örnek
Şöyle yaparız.
textarea rows="10" cols="100" id="editor" onkeypress="hello(event);" ></textarea>
<script>
  function hello(e) {
    var keyp=e.charCode; 
    if(keyp=='123') {
      ...
    }
  }
</script>
mousemove
Şöyle yaparız.
document.addEventListener('mousemove', function(e) {
  console.log(`Position: (${e.clientX}, ${e.clientY})`);
}, false);
mouseover
Şöyle yaparız.
<script>
document.addEventListener('mouseover' ,function(e){
        console.log(`Position: (${e.clientX}, ${e.clientY})`);
    },false);
<script>