Перевести из Jquery в JS?

Question

[Ваня]

Помогите перевести код, и скажите сколько нужно потратить приблизительно усилий, чтобы научиться делать подобные манипуляции самому.

Блок content_2 получает ширину блока content_1, далее при изменении размера окна, повторяем.

$(document).ready(function(){
    var w=$("#content_1").outerWidth();
    $("#content_2").css({"width":w});
});

$(window).resize(function (){
var winBr = $(window).width();

$(document).ready(function(){
    var w=$("#content_1").outerWidth();
    $("#content_2").css({"width":w});
});

});

Comments

[sitev_ru]

JQuery нужен, в том числе и для совместимости с различными браузерами. Думаю, смысла нет тратить время потом на тестирование в них...

[Виталий Инчин ☢]

jquery.com/browser-support

Если использовать 1 версию, то конечно. Но не с просто есть и 2 и даже третья в виде альфа-версии. А чем выше версия, тем хуже поддержка старых обозревателей.

[Виталий Инчин ☢]

jquery.com/browser-support

Если использовать 1 версию, то конечно. Но ведь есть и 2 и даже третья в виде альфа-версии. А чем выше версия, тем хуже поддержка старых обозревателей.

Answer 1

[Роман Исадченко]

function resizeBlock(){
     var w=document.getElementById("content_1").offsetWidth;
     document.getElementById("content_2").style.width = w+"px";
}
resizeBlock();
window.onresize = resizeBlock;

Answer 2

[Виталий Инчин ☢]

window.onload = function(){
   (window.onresize = function(){
       document.querySelector("#content_2").style.width 
          = document.querySelector("#content_1").offsetWidth +"px";
   })();
}

сколько нужно потратить приблизительно усилий, чтобы научиться делать подобные манипуляции самому.

Если чтение учебника Ильи Кантора и документации ECMAScript это усилия, то думаю, вы вообще не осилите это дело. Оставайтесь верны jQuery, так многие делают.

Comments

[Vlad Harbarchuk]

я бы посоветовал ТС сразу на английском читать MDN у них отличный туториал и документация.

[Ваня]

С этим примером не смог разобраться, не работает у меня, перепроверьте свой вариант, хочется разобраться, вроде делаю все правильно

[Ваня]

Виталий Инчин: codepen.io/anon/pen/EjBMrX , позиционирование специально установил как у меня, упростил код, не работает, может я делаю что не так

[Виталий Инчин ☢]

Сергей: про еденицы измерения забыл