Ur_6_Dom_block1

by SamokhinDmitro_33JS

HTML

<div>
    <div>
        <p>One</p>
        <p>Two</p>
    </div>
     <div>
         <p>abc</p>
         <p>DEF</p>
     </div>
</div>

JavaScript

/* Задание 1
Необходимо найти и вывести через console.log() 2й абзац, т.е. <p>Two</p>.
*/
var p = document.getElementsByTagName('p')[1].innerHTML;
console.log(p);

/* Задача 2
Текст абзаца <p>abc</p> в верхнем регистре
*/

//1 вариант
/*
var  paragraph = document.getElementsByTagName('p')[2].innerHTML;

console.log('До преобразования' + ' ' + paragraph);
console.log('Задание 2' + ' ' + paragraph.toUpperCase());
*/
//2 вариант через цикл

var  paragraph = document.getElementsByTagName('p');
 for(var i=0; i<paragraph.length; i++){
     if(paragraph[i].innerHTML == 'abc'){

        console.log('После преобразования' + ' ' + paragraph[i].innerHTML.toUpperCase());
     }
 }
 
 /* Задача 3 (недоработано)
 Измените абзац <p>DEF</p> на <p>Def</p>
 */
 
 var lastParagraph = document.getElementsByTagName('p');
console.log(lastParagraph);

for(var i=0; i<lastParagraph.length; i++){   //перебор всех p
    if(lastParagraph[i].innerHTML =='DEF'){  //если найдено сочетание символов то
        var arr = lastParagraph[i].innerHTML.split(''); //строка==массив
        console.log(arr[0]);
      //  console.log(arr.length);
        for(var j=1; j<arr.length; j++){   //перебор строки со второго элемента

              var value =  arr[j].toLowerCase();
              console.log(value); //результат e и f малыми буквами

        }


        //console.log(arr[0]  +  value);  //главный результат некорректно (выводить через метод concat?)

    }
}