Как переписать jquery на js?

Question

[valtermild]

Доброго времени суток, подскажите как сделать этот код рабочим без библиотеки jquery.

$(function() {
        var utm = 'utm_content';
        if (window.location.toString().indexOf(utm + '=') != -1) {
            var number = (window.location.toString().substr(window.location.toString().indexOf(utm + '=') + utm.length + 1, 50)).toLowerCase();
            if (number.indexOf('&') != -1) {
                number = (number.substr(0, number.indexOf('&')));
            }
            if (number == 'logan') { $('.mtext').html('Найти запчасть для Renault Logan'); }
            if (number == 'megan') { $('.mtext').html('Найти запчасть Renault Megan'); }
            else { $('.mtext').html('Найти запчасть'); }
        }
    });

Answer 1

[Денис Инешин]

Ориентируйтесь на этот сайт: youmightnotneedjquery.com

Answer 2

[valtermild]

Сам спрошу, сам отвечу, так сработает?

document.addEventListener('DOMContentLoaded', function() {
	var utm = 'utm_content';
        if (window.location.toString().indexOf(utm + '=') != -1) {
            var number = (window.location.toString().substr(window.location.toString().indexOf(utm + '=') + utm.length + 1, 50)).toLowerCase();
            if (number.indexOf('&') != -1) {
                number = (number.substr(0, number.indexOf('&')));
            }
            if (number == 'logan') { document.querySelector(".vc_custom_heading:nth-of-type(2)").innerHTML ='Найти запчасть для Renault Logan'; }
            if (number == 'megan') { document.querySelector(".vc_custom_heading:nth-of-type(2)").innerHTML ='Найти запчасть для Renault Megan'; }
            else { document.querySelector(".vc_custom_heading:nth-of-type(2)").innerHTML='Найти запчасть '; }
        }   
   
   }, false);

Comments

[Kovalsky]

Ну, на первый взгляд кажется что должно

[valtermild]

пока не хочет)

Answer 3

[Олег]

(function () {

    var utm = 'utm_content',
        mtext = document.getElementsByClassName( 'mtext' )[0],
        location = window.location.toString(),
        number;

        if ( ! mtext || location.indexOf( utm + '=' ) === -1 ) return;

        mtext.innerHTML = 'Найти запчасть';

        number = ( location.substr( location.indexOf( utm + '=' ) + utm.length + 1, 50 ) ).toLowerCase();

        if ( number.indexOf( '&' ) !== -1 )
            number = number.substr( 0, number.indexOf( '&' ) );
        
        if ( number === 'logan' ) mtext.innerHTML = 'Найти запчасть для Renault Logan';
        if ( number === 'megan' ) mtext.innerHTML = 'Найти запчасть Renault Megan';

})();