PHP HTML ve JavaScript kodunu çalıştırınca "[object HTMLInputElement][object HTMLInputElement]" hatası

kawkaa37 · 1 Şubat 2024

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>my website</title>
 <link rel="stylesheet" href="ders3.js">
 <link rel="stylesheet" href="style.css">
</head>
<body>
<input id="sayı1" name="sayı1" type="number">
<input type="number" name="sayı2" id="sayı2">
<button onclick="tıkla()" id="topla">topla</button>
<p id="toplam"></p>
<script src="ders3.js"></script>
</body>
</html>

JavaScript:

function tıkla(){
 var sayı1 = document.getElementById("sayı1");
 var sayı2 = document.getElementById("sayı2");
 var toplam2= sayı1+ sayı2.
 document.getElementById("toplam").textContent= toplam2;
}

Kodu çalıştırınca: [object HTMLInputElement][object HTMLInputElement] bu çıkıyor.

artik 72 yasindayim · 1 Şubat 2024

Javascript'te sayi1 ve sayi2'yi degiskene atarken .value ile degeri cekin.

JavaScript:

var sayı1 = document.getElementById("sayı1").value;

Ekstra olarak ise "[object HTMLInputElement][object HTMLInputElement]" direkt bu ciktiyi internete yazarsaniz sorununuz cozuluyor.

kawkaa37 · 1 Şubat 2024

artik 72 yasindayim dedi:
Javascript'te sayi1 ve sayi2'yi degiskene atarken .value ile degeri cekin.

JavaScript:

var sayı1 = document.getElementById("sayı1").value;

şimdide 12 12 yazıyorum 1212 diye birleştiriyo javascripti yeni öğrenmeye başladım ufak bir kod denemek için yazdım aslında bu kodu çok bir bilgim yok yardımcı olabilirmisiniz

Yuspro · 1 Şubat 2024

kawkaa37 dedi:
şimdide 12 12 yazıyorum 1212 diye birleştiriyo javascripti yeni öğrenmeye başladım ufak bir kod denemek için yazdım aslında bu kodu çok bir bilgim yok yardımcı olabilirmisiniz

Çünkü değeri string olarak alıyorsunuz.

JavaScript:

function tıkla(){
 var sayı1 = document.getElementById("sayı1").valueAsNumber;
 var sayı2 = document.getElementById("sayı2").valueAsNumber;
 var toplam2= sayı1+ sayı2;
 document.getElementById("toplam").textContent= toplam2;
}

Bu şekilde number olarak almalısınız. Ayrıca document.getElementById("sayı1") "sayı1" id'li elementi seçer. Elementi seçtikten sonra value, name gibi özelliklerine ayrıca erişmeniz gerekir. w3schools tarzı kaynakları incelemeniz temel seviye için faydalı olacaktır.

artik 72 yasindayim · 1 Şubat 2024

kawkaa37 dedi:
şimdide 12 12 yazıyorum 1212 diye birleştiriyo javascripti yeni öğrenmeye başladım ufak bir kod denemek için yazdım aslında bu kodu çok bir bilgim yok yardımcı olabilirmisiniz

parseInt() ile cozebilirsin.

JavaScript:

function tikla() {
  let sayi1 = parseInt(document.getElementById('sayı1').value);
  let sayi2 = parseInt(document.getElementById('sayı2').value);
  let sayi3 = document.getElementById('toplam');
 
  sayi3.innerText = sayi1 + sayi2;
}

kawkaa37 · 1 Şubat 2024

Yuspro dedi:
Çünkü değeri string olarak alıyorsunuz.

JavaScript:

function tıkla(){ var sayı1 = document.getElementById("sayı1").valueAsNumber; var sayı2 = document.getElementById("sayı2").valueAsNumber; var toplam2= sayı1+ sayı2; document.getElementById("toplam").textContent= toplam2; }

Bu şekilde number olarak almalısınız. Ayrıca document.getElementById("sayı1") "sayı1" id'li elementi seçer. Elementi seçtikten sonra value, name gibi özelliklerine ayrıca erişmeniz gerekir.

eyw oldu bu sefer

artik 72 yasindayim dedi:
parseInt() ile cozebilirsin.

JavaScript:

function tikla() { let sayi1 = parseInt(document.getElementById('sayı1').value); let sayi2 = parseInt(document.getElementById('sayı2').value); let sayi3 = document.getElementById('toplam'); sayi3.innerText = sayi1 + sayi2; }

sanada teşekkür ederim

PHP HTML ve JavaScript kodunu çalıştırınca "[object HTMLInputElement][object HTMLInputElement]" hatası

Ayrıntılı düzenleme

kawkaa37

Hectopat

artik 72 yasindayim

Hectopat

kawkaa37

Hectopat

Yuspro

Megapat

artik 72 yasindayim

Hectopat

kawkaa37

Hectopat

Benzer konular