Javascript iki koşul karşılanırsa, mesajın çıktısını alın. Koşullu operatörler. Koşullu if ifadesi

... Farklı bir değer girdiyseniz, bir not yazdırın ve programı sonlandırın:
") else (alert (" Doğru türü girin "); çıkış;)
• Bir değişkeni başlatın kolvo kullanıcı tarafından modala girilen değer:

var kolvo \u003d bilgi istemi ("Öğe sayısını girin");

• Bir dize değerini sayısal bir değere dönüştürmek için parseInt işlevini kullanın:

için (var i \u003d 1; i<=kolvo; i++) document.write("");

• Listeler ilgili etiketlerle kapatıldığından, listenin türüne bağlı olarak kapanış etiketlerini yazdırın:

eğer (listType \u003d\u003d "1") document.write ("") else if (listType \u003d\u003d" 2 ") document.write ("" ) ;

eğer (listType \u003d\u003d "1") document.write ("

") else if (listType \u003d\u003d" 2 ") document.write ("

Js görevi 3_11.
Etiketleri gösteren bir komut dosyası yazın girişgirilen rakama bağlı olarak farklı tiplerde (kontroller):

1 - metin alanı,
2 - buton,
3 - radyo(değiştirmek).

Görüntülenen etiket sayısı da istenmelidir.

Etiketleri hatırlayalım:

1 - metin alanı için: 2 - düğme için: 3 - radyo için:

Çıktı örneği:

Js görevi 3_12. Döngüler için javascript kullanarak 9x9 dama tahtası çizin. "Çizim" panosu, tablo için html etiketleri olmalıdır:

Etiketleri hatırlayalım:

• 9 çizgi çizmek için, bir sayaç i ile harici bir for döngüsü düzenlemeniz gerekir.
• Her satıra 9 hücre çizmek için, j sayacına sahip bir iç (iç içe) döngü düzenlemeniz gerekir.
• Hücre ve satır etiketlerini oluşturmak için document.write yöntemini kullanın.

Sonuç:

Bunlara ek olarak:

1. Döngü sayaçlarını (i ve j) kullanarak çarpım tablosunu tablo hücrelerine yazdırın.
2. İlk satırı ve ilk sütunu kırmızı bir arka planla görüntüleyin (tablo hücresinin bgcolor özelliği):

   <td bgcolor \u003d "kırmızı"\u003e-</ td\u003e

   -

Sonuç:

Kendini kontrol etmek için sorular:

1. Dinamik sayfa oluşturmanın ne anlama geldiğini açıklayın?
2. Dinamik sayfa oluşturma için en sık kullanılan dil yapısı nedir?

JavaScript dilinin döngüsel ifadeleri - While

While ifadesinin sözdizimi şöyledir:

while (koşul) (//.. ifadelerin bloğu ..);

Misal: İkiye kadar gücü göster 1000 (2, 4, 8 ... 512). Alert () yöntemini kullanın

• Komut dosyasının listesi:

1 2 3 4 5

var a \u003d 1; while (a< 1000 ) { a*= 2 ; alert(a) ; }

var a \u003d 1; while (a< 1000){ a*=2; alert(a); }

a * \u003d 2 → bileşik atama işlemi kullanılır: atama ile birleştirilen ürün, yani a \u003d a * 2 ile aynı

• Sonucu bir tarayıcıda test edin.

Break ve continue ifadeleri bir süre döngüsünde nasıl çalışır?

Misal:

var a \u003d 1; while (a< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }

İkinin yetkileri, 128 kapsayıcı ve değer 64 atlanacak. Şunlar. iletişim kutularında şunları göreceğiz: 2 4 8 16 32 128

Js görevi 3_13. Aşağıdaki kod parçacığı hangi değerleri gösterecek?

var counter \u003d 5; while (sayaç< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }

Js görevi 3_14. Montaj kodunu yaz x dereceye kadar ywhile döngüsü kullanarak. Değişken değerlerini sorgulayın ve alert () kullanarak sonucu çıkarın.

Kodu tamamlayın:

var x \u003d ...; var y \u003d ...; sayaç \u003d 1; chislo \u003d x; while (...) (chislo \u003d x * ...; sayaç \u003d ...;) alert (chislo);

A Bir sayının faktöriyelini bulmak için tasarlanmış programdaki hatayı düzeltin:

var counter \u003d istemi ("Bir numara girin"); var factorial \u003d 1; document.write ("Sayı faktöriyeli:" + sayaç + "! \u003d"); do (if (counter \u003d\u003d 0) (faktoriyel \u003d 1; break;) factorial \u003d factorial / counter; counter \u003d counter + 1;) while (counter\u003e 0); document.write (faktöryel);

Js görevi 3_16. Programı kullanıcı girişi için değiştirin:

Kullanıcı gerçekten bir ad girene kadar bir kullanıcı adı sor (yani alan gerçekten doldurulur ve iptal tuşuna basılmaz). Ad girildiğinde çıktı "Merhaba isim!"... belge.

JavaScript'te hatalar nasıl bulunur?

Bazı durumlarda, sayfadaki kod herhangi bir nedenle çalışmıyor. Hatayı nereye bakmalı? Bu tür durumlarda, try..catch deyimini kullanabilirsiniz.

Try..catch deyimi bir kod parçasını çalıştırmaya çalışır ve kodda bir hata varsa, ekranda bir hata görüntülemek mümkündür.
Hata, e.message nesnesinde saklanır.

Operatörün çalışmasını bir örnek kullanarak ele alalım:

Misal: programda hata içeren bir ifade yazın. Şüpheli hatalı kodda bir hata olup olmadığını kontrol edin: kodda bir hata varsa, bir mesaj görüntüleyin "hata işleme: hata adı"... Hatalı operatörü kontrol ettikten sonra, kodda bir hata olup olmadığına bakılmaksızın, mesajı yayınlayın "işlemlerin tamamlanması"

• Hatalı bir mesaj olarak, bir hata ile yazılmış istem () yöntemini kullanacağız - promt ()... Hata mesajını bir try bloğuna ekleyin:

uyarı ("önce"); try (promt ("sayı girin"); // hatalı operatör)

İngilizceden deneyin. - "try", bu nedenle, bir hata içerebilecek bir kod parçasının önüne bir try ifadesi koyarız (bizim durumumuzda gerçekten bir hata vardır).

• Hata mesajı bir catch bloğuna yerleştirilmelidir:

6 7 8 9

catch (e) (uyarı ( "Hata yönetimi:"+ e-mesaj); )

catch (e) (alert ("hata işleme:" + e.message);)

Gerçekten bir hata varsa, catch deyimi bu hatayı e nesnesinde saklar. Daha sonra e.message iletişim kutusunda görüntülenebilir.

• Kodda bir hata olup olmadığına bakılmaksızın görüntülenmesi gereken son mesajı bir final bloğuna yerleştirin:

nihayet (alert ("bitirme eylemleri");) alert ("sonra");

Bir hata varsa, yorumlayıcı, örneğimizde gösterdikten sonra catch bloğunu yürütmeye devam edecek ve son olarak (İngilizce'den "tamamlama", "nihayet"), bir hata olup olmadığına bakılmaksızın her zaman yürütülecektir. Catch bloğunda bir hata olsa bile.

Önemli: Nihai blok yapımda isteğe bağlıdır.

Js görevi 3_17. Aşağıdaki değişiklikleri yaparak yukarıdaki örneği izleyin:

Özet:

Ders aşağıdaki javascript operatörlerini ve yapılarını kapsıyordu:

Javascript koşullu ifadeler:

Döngü operatörleri:

Son görev Js 3_18.
İki kişilik bir oyun oluşturun:

1. Program ilk oyuncudan bir sayı girmesini ister. 1 önce 100 (ikinci oyuncu girilen sayıyı görmez). Ardından ikinci oyuncudan girilen sayıyı tahmin etmesi istenir. Mesaj yanıt olarak görüntülenir "az" veya "bir çok" girilen cevaba bağlı olarak. Oyuncu doğru tahmin ederse, tebrikler görüntülenir. Yanlış tahmin ederse oyun devam eder (sayı gerçekten tahmin edilene kadar).
2. Deneme sayısını hesaplayın ve sayı tahmin edildiğinde sonucu döndürün.

Kendini kontrol etmek için sorular:

1. For In döngüsünün kullanılması ne zaman önerilir? Kullanımının bir örneği nedir?
2. Try..catch deyiminin amacı nedir?
3. Try..catch deyiminin her bloğunun amacını açıklayın.

Bu etkileşimli örneğin kaynağı bir GitHub deposunda saklanır. Etkileşimli örnekler projesine katkıda bulunmak isterseniz, lütfen https://github.com/mdn/interactive-examples klonlayın ve bize bir istek gönderin.

Sözdizimi

Açıklama

Birden fazla if ... else ifadesi, başka bir if cümlesi oluşturmak için yuvalanabilir. JavaScript'te elseif (tek kelimeyle) anahtar kelimesinin olmadığını unutmayın.

If (koşul1) ifade1 else if (koşul2) ifade2 else if (koşul3) ifade3 ... else deyimiN

Bunun nasıl çalıştığını görmek için, yuvalama düzgün şekilde girintilendirilmiş olsaydı şöyle görünürdü:

If (koşul1) ifade1 else if (koşul2) ifade2 else if (koşul3) ...

Bir cümle içinde birden çok ifade yürütmek için, bu ifadeleri gruplandırmak için bir blok ifadesi ((...)) kullanın. Genel olarak, özellikle iç içe geçmiş if ifadelerini içeren kodda her zaman blok ifadeleri kullanmak iyi bir uygulamadır:

If (koşul) (ifadeler1) else (ifadeler2)

Doğru ve yanlış ilkel Boole değerlerini, Boolean nesnesinin doğruluğu veya yanlışlığı ile karıştırmayın. False, undefined, , 0, -0, NaN veya boş dize ("") olmayan herhangi bir değer ve değeri false olan bir Boolean nesnesi de dahil olmak üzere herhangi bir nesne, koşul olarak kullanıldığında doğru kabul edilir. Örneğin:

Var b \u003d new Boolean (false); eğer (b) // bu koşul doğruysa

Örnekler

İf ... else kullanma

Eğer kullanıyorsa

JavaScript'te elseif sözdizimi olmadığını unutmayın. Ancak, else ile şu durumlar arasında bir boşluk bırakarak yazabilirsiniz:

Eğer (x\u003e 50) (/ * doğru olanı yap * /) else if (x\u003e 5) (/ * doğru olanı yap * /) else (/ * doğru olanı yap * /)

Koşullu ifade içinde atama

Koşullu bir ifadede basit atamaların kullanılmaması önerilir, çünkü koda göz atıldığında atama eşitlikle karıştırılabilir. Örneğin, aşağıdaki kodu kullanmayın:

Eğer (x \u003d y) (/ * doğru olanı yap * /)

Koşullu ifadede bir atama kullanmanız gerekiyorsa, yaygın bir uygulama, ödevin etrafına ek parantezler koymaktır. Örneğin:

Eğer ((x \u003d y)) (/ * doğru olanı yap * /)

Teknik Özellikler

Tarayıcı Uyumluluğu

Bu sayfadaki uyumluluk tablosu, yapılandırılmış verilerden oluşturulmuştur. Verilere katkıda bulunmak isterseniz, lütfen https://github.com/mdn/browser-compat-data sayfasına bakın ve bize bir çekme isteği gönderin.

GitHub'da uyumluluk verilerini güncelleyin

Bu örnekte, önce var anahtar sözcüğünü kullanarak dört değişken bildiriyoruz ve hemen bunlara sayısal değerler atıyoruz. Ardından, artırma ve azaltma operatörlerini kullanarak sayıların değerlerini değiştiririz. Bilgi, işlev kullanılarak görüntülenir Eko ("" makalesine bakın). Nesnenin adını bir kez daha yazmamak için yapıyı kullandım ile ().

Mantıksal operatörler

Mantıksal operatörler koşulu kontrol ederken kullanılır, tekrar etmemek için bir kısaltma yapacağım: sol operand L.O. ve sağ operand P.O.

• && - Mantıksal "VE"
• || - "VEYA"
• ! - "DEĞİL"
• \u003e - L.O. daha fazla P.O.
• \u003e \u003d - L.O. P.O.'dan büyük veya ona eşittir.
• < - Л.О. меньше П.О.
• <= - Л.О. меньше или равен П.О.
• \u003d\u003d - L.O. P.O.'ya eşit
• ! \u003d - L.O. P.O.'ya eşit değildir.
• | \u003d - L.O. kendisine eşit VEYA P.O.
• & \u003d - L.O. kendime eşit ve P.O.
• ^ \u003d - ÖZEL VEYA

Şimdi aşağıdaki betiği düşünün:

Önceki senaryoda olduğu gibi, burada inşaatı kullandım ile program kodunu kısaltmak için. Ancak, bilgileri görüntülemek için işlevi kullandık Aniden belirmek ("" makalesine bakın). Sonuç olarak, iletişim kutuları birkaç saniye sonra otomatik olarak kapanacaktır. Lütfen bu örnekte küme parantezi kullanmadığımızı unutmayın. js if koşullu ifadede, yalnızca birden fazla kod satırı çalıştırmanız gerektiğinde, ancak birkaç satırda geçerlidir.

Son olarak, ikinci dereceden denklem çözme gibi pratik bir örneğe bakalım:

Günlük yaşamda, bazı koşullara bağlı olarak genellikle bir tür karar vermek gerekir. Mesela hafta sonu hava sıcaksa denize gideceğiz, yoksa hava bulutluysa evde oturacağız.

Programlamada bu da çok yaygındır. Bunun için var iki koşullu ifade if-else ve switch-case'dir... Bu yazıda size if-else operatöründen ve bir sonraki makalede switch-case'den bahsedeceğim.

If-else koşullu ifade sözdizimi takip etme:

Koşul doğruysa, if bloğundan kod yürütülür, aksi takdirde koşul yanlışsa, else bloğundan kod yürütülür.

Daha iyi anlamak için bu kadar basit bir örnek verelim, belli bir miktar paramız var ve bir araba almak istiyoruz ve burada hemen böyle bir durum ortaya çıkıyor, eğer yeterli paramız varsa o zaman bu arabayı alabiliriz, yoksa alamayız.

Var para \u003d 35000; // Diyelim ki 35.000 Euro'muz var // Almak istediğimiz arabanın maliyeti 50.000 Euro. Ve (para\u003e 50000) (document.write ("Araba alabiliriz");) else (document.write ("Araba almak için yeterli para yok");)

Belgeyi kaydediyoruz, tarayıcıda açıyoruz ve "Araba satın almak için yeterli para yok" sayfasında aşağıdaki mesajın görüntülendiğini görüyoruz. 50.000 Euro'dan fazla paramız olsaydı, if bloğundaki kod çalıştırılırdı. Tam olarak 50.000 avroya sahip olsaydık, o zaman bir araba da alamazdık, çünkü 50.000, 50.000'den fazla değildir. Bu durumda koşulun doğru olması için, büyük veya eşittir işareti (\u003e \u003d) yazmanız gerekir. ...

Yorum Yap! Mantıksal işlem eşittir iki eşittir işaretiyle yazılır (\u003d\u003d)... Ayrıca şuna eşit veya daha küçük bir mantıksal işlem vardır (

küme parantezi kullanmak

Yalnızca bir operatör varsa, küme parantezleri isteğe bağlıdır, blokta birden fazla operatör varsa, küme parantezleri gereklidir.

Yukarıdaki örnek, her iki blok da yalnızca bir operatör içerdiğinden, kaşlı ayraçlar olmadan iyi çalışacaktır.

Herhangi bir mantıksal işlem if dosyasının içine yazılabilir.basit veya karmaşık olup olmadıkları. AND (&&) ve OR (||) operatörlerini de kullanabilirsiniz.

Yorum Yap! Else bloğunun varlığı isteğe bağlıdır.

Örneğin, a eşittir b ve c eşitse, o zaman karşılık gelen mesajı görüntüleriz, aksi takdirde başka blok yoksa, o zaman bir sonraki satıra geçeriz.

Var a \u003d 4, b \u003d 4, c \u003d 8, d \u003d 8; eğer ((a \u003d\u003d b) && (c \u003d\u003d d)) document.write ("a eşittir b VE c eşittir d"); document.write ("Sonraki kod satırı");

If - else if - else ifadesidir

İf bloğundan sonra, bir veya daha fazla başka bloklar takip edebilir ve sonunda başka bir blok vardır. Bu, birden fazla koşul kullanmanız gerektiğinde yararlıdır.

Daha iyi bir anlayış için günlük yaşamdan bir örnek alalım. Örneğin, belirli sayıda satış noktamız var. Odada sadece bir prizimiz varsa, o zaman sadece bir cihazı bağlayabiliriz, iki priz varsa, o zaman iki cihazı bağlayabiliriz ve daha fazlası varsa, o zaman tüm cihazları evden elektrik ağına bağlayabiliriz.

Şimdi programlamaya geçelim.

Var soket \u003d 2; // Evdeki soket sayısı if (socket \u003d\u003d 1) document.write ("

Sadece bir cihaz bağlayabiliriz

Sadece iki cihaz bağlayabiliriz

Örneğin TV ve dizüstü bilgisayar

Tüm cihazları evden elektrik ağına bağlayabiliriz

Soket değişkeninin değerine bağlı olarak, bu veya bu kod bloğu ateşlenecektir. Muhtemelen zaten anladığınız gibi, soket 1'e eşitse, o zaman ilk kod bloğu çalışacaktır. Soket 2 ise, ikinci kod bloğu ateşlenecek ve soketin başka bir değeri varsa (negatif bir sayı olsa bile) üçüncü kod bloğu ateşlenecektir.

Aksi takdirde stenografi

Belirli bir koşula bağlı olarak bir değişkenin belirli bir değeri alabildiği durumda kısaltılmış bir gösterim kullanılabilir.

Örneğin, a değişkeninin değeri b değişkeninin değerinden büyükse, x değişkenine şu mesajı yazıyoruz, "a değişkeni b değişkeninden daha büyük", aksi takdirde "a değişkeni b değişkeninden küçüktür" yazıyoruz.

Var a \u003d 50, b \u003d 100, x; x \u003d (a\u003e b)? "

Değişken a daha değişken b

Değişken a az değişken b

Bu makalede size anlatmak istediğim tek şey bu. İf-else koşullu operatörü her komut dosyasında olduğundan daha fazla kullanılır, bu yüzden onu bilmek ve anlamak çok önemlidir. Bir sonraki makalede size bir tane daha koşullu switch-case deyiminden bahsedeceğim.