HTML JavaScript'te seçilen iki sayının çarpımının tabloda kırmızı renkle belirtilmesi

LordDuck

Centipat
Katılım
9 Haziran 2023
Mesajlar
5
Daha fazla  
Cinsiyet
Erkek
JavaScript konusunda çıkmazdayım yardımcı olur musunuz?
HTML JavaScript konusunda yardıma ihtiyacım var. Yazdığım bir kod var çarpım tablosu ve çarpma işlemi hesaplayan bir kod amacım seçtiğim iki sayının çarpımı tabloda kırmızı renkle belirtilmesi.

IMG_20240114_024151.jpg
 
Hocam neden JavaScript kodu table etiketinin içinde? Hocam bir de resim değil yazı ile atın kodu. 😂
 
Kodları paylasin lütfen. Bir kere script etiketi yanlış yerde. Tarayici baştan aşağı render ederken en aşağıda olması daha saglikli.

JavaScript konusunda çıkmazdayım yardımcı olur musunuz?
HTML JavaScript konusunda yardıma ihtiyacım var. Yazdığım bir kod var çarpım tablosu ve çarpma işlemi hesaplayan bir kod amacım seçtiğim iki sayının çarpımı tabloda kırmızı renkle belirtilmesi.

Eki Görüntüle 2083894
Anladığım kadarıyla sonucun kırmızı renkli olmasını istiyorsun onu da şöyle yapabilirsin.
element.style.color = "red";
 
Son düzenleme:
Hocam neden JavaScript kodu table etiketinin içinde? Hocam bir de resim değil yazı ile atın kodu. 😂
hocam, bu kodları hoca benden çekin dedi.
kodlar:

<html>
<head>JS Çarpım Tablosu</head>
<body>
<table border="1" width="100%">
<script>
for(var i = 0; i<11; i++){
document.write("<tr>")
document.write('<td>')
if(i!=0){
document.write(i)
}
document.write('</td>')
for(var k=1; k<=10; k++){
if(i==0){
document.write('<td><b>'+k+'</b></td>')
}
else{
document.write('<td>'+i*k+'</td>')
}
}
document.write("</tr>")
}
</script>
</table>
</body>
</html>
 
Hocam, bu kodları hoca benden çekin dedi.
Kodlar:

<Html>
<Head>JS Çarpım Tablosu</head>
<Body>
<Table border="1" width="100%">
<Script>
For(var i = 0; i<11; i++){
Document. Write("<tr>")
Document. Write('<td>')
İf(i!=0){
Document. Write(i)
}
Document. Write('</td>')
For(var k = 1; k<=10; k++){
İf(i==0){
Document. Write('<td><b>'+k+'</b></td>')
}
Else{
Document. Write('<td>'+i*k+'</td>')
}
}
Document. Write("</tr>")
}
</Script>
</Table>
</Body>
</Html>

Hocam hocanız herhalde Ercan Burger'den mezun olmuş. Çözülmüş kod atabilirim.
 
Hocanın bize ögrettiği bu.
Girdiğim iki sayının çarpımını çarpım tablosunda herhangi bir renk de göstermek istiyorum.

Rengi o üstte yazdigim gibi değiştirebilirsiniz eğer CSS biliyorsaniz diğer özellikleri de aynı şekilde değiştirirsiniz ama hocanız neden element oluşturmak yerine kod içinde yazıyor ben onu PHP de yapiyordum.
 
Hocanın bize ögrettiği bu.
Girdiğim iki sayının çarpımını çarpım tablosunda herhangi bir renk de göstermek istiyorum.

Hocam hocanız bayağı okunaksız bir kod yazmış. Bitirmek üzereyim kodu.

Hocam benim sistem patates. Vue JS gibi uygulamalar sürekli sistemi dondurduğu için kodlamayı ne zamandır yapamıyorum. Siz gelecekte okunaksız kod yazmayın. İstediğiniz bir şey varsa söyleyin veya merak ettiğiniz. Arkadaşın dediği gibi element oluşturma fonksiyonlarıyla etiket oluşturmak daha mantıklı.

HTML:
<!DOCTYPE html>

<html>
<head>JS Çarpım Tablosu</head>
<body>
<table border="1" width="100%" >

</table>
<script>
for(let i = 0; i<11; i++){
let tablo_element = document.querySelector('table')

for(let k=1; k<=10; k++){
if(i==0){
tablo_element.innerHTML += '<td><b>'+k+'</b></td>'
}
else{
tablo_element.innerHTML += `<td>${'<label style="color: red">' + i*k + '</label>'}</td> `
}
}
}
</script>
</body>
</html>
 
Son düzenleme:
Hocam hocanız bayağı okunaksız bir kod yazmış. Bitirmek üzereyim kodu.

Hocam benim sistem patates. Vue JS gibi uygulamalar sürekli sistemi dondurduğu için kodlamayı ne zamandır yapamıyorum. Siz gelecekte okunaksız kod yazmayın. İstediğiniz bir şey varsa söyleyin veya merak ettiğiniz. Arkadaşın dediği gibi element oluşturma fonksiyonlarıyla etiket oluşturmak daha mantıklı.

HTML:
<!DOCTYPE html>

<html>
<head>JS Çarpım Tablosu</head>
<body>
<table border="1" width="100%" >

</table>
<script>
for(let i = 0; i<11; i++){
let tablo_element = document.querySelector('table')

for(let k=1; k<=10; k++){
if(i==0){
tablo_element.innerHTML += '<td><b>'+k+'</b></td>'
}
else{
tablo_element.innerHTML += `<td>${'<label style="color: red">' + i*k + '</label>'}</td> `
}
}
}
</script>
</body>
</html>
hocam elinize sağlık
 

Technopat Haberler

Yeni konular

Geri
Yukarı