Как перевести jquery код на чистый javascript?

Question

[mraser]

Подскажите почему не срабатывает код на чистом JS.

(function(){
	function delivery_np(){
  if (document.querySelectorAll('input[name="delivery"]:checked'.value === '3') &&
    document.querySelectorAll('input[name="oplata"]:checked'.value === '1')){
    document.getElementById('delfree_np').textContent = 'text1';
    }
    else {
    document.getElementById('delfree_np').textContent = 'text';
    }
  }
  delivery_np()
  document.querySelectorAll('input[type="radio"]').onchange = delivery_np 
}

)();

Вот исходник

(function(){
	function delivery_np () {
  	if ($('input[name="delivery"]:checked').val() === '3' &&
    $('input[name="oplata"]:checked').val() === '1') {
    	$('#delfree_np').html('"Text1')
    } else {
    	$('#delfree_np').html('Text')
    }
  }
  delivery_np()
  $('input[type="radio"]').on('change', delivery_np)
})();

Comments

[Kovalsky]

Слишком просто гуглится - youmightnotneedjquery.com

[Надим]

Мда, у вас ошибка на ошибке, естественно не работает.

Answer 1

[0xD34F]

function onChange() {
  document.querySelector('селектор элемента для вывода результата проверки').innerText = [
    // здесь массив селекторов вида
    // input[имя_атрибута1="значение1"][имя_атрибута2="значение2"]:checked
  ].every(n => document.querySelector(n))
    ? 'какой-то текст'
    : 'какой-то другой текст';
}

onChange();
document.addEventListener('change', e => {
  if (e.target.matches('input[type="radio"]')) {
    onChange();
  }
});

https://jsfiddle.net/j1s2uatm/

Answer 2

[Игорь]

Ну если прям просто, то так:
$('') - document.querySelectorAll('')

.val() - .value

.html('') - innerHTML = ''

.on('change', callback) - .onchange = callback

А вообще можете открыть исходный код JQuery и скопировать методы

Comments

[Игорь]

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

[Игорь]

mraser, Вы даже скопировать не смогли то что я написал, видите разницу между textContent и innerHTML?