Как записать в var = 0 если отсутствует input с value (var x = input.value || 0 не работает)?

Question

[Rostyk Ice]

Здравствуйте, не могу решить проблему с записью value в вар.

Вот скрипт

function addition() {
        	var i0 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value || 0;
			var i1 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[1].getElementsByTagName( 'input' )[1].value || 0;
			var i2 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[2].getElementsByTagName( 'input' )[1].value || 0;
			var i3 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[3].getElementsByTagName( 'input' )[1].value || 0;
			var i4 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[4].getElementsByTagName( 'input' )[1].value || 0;
			var i5 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[5].getElementsByTagName( 'input' )[1].value || 0;
   
			var o0 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value || 0;
			var o1 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[1].getElementsByTagName( 'input' )[1].value || 0;
			var o2 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[2].getElementsByTagName( 'input' )[1].value || 0;
			var o3 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[3].getElementsByTagName( 'input' )[1].value || 0;
			var o4 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[4].getElementsByTagName( 'input' )[1].value || 0;
			var o5 = document.getElementById( 'output1' ).getElementsByClassName( 'cmline' )[5].getElementsByTagName( 'input' )[1].value || 0;

			
 
			if (isNaN(i1)==true) i1=0;
			if (isNaN(i2)==true) i2=0;
			if (isNaN(i3)==true) i3=0;
			if (isNaN(i4)==true) i4=0;
			if (isNaN(i5)==true) i5=0;
			if (isNaN(o1)==true) o1=0;
			if (isNaN(o2)==true) o2=0;
			if (isNaN(o3)==true) o3=0;
			if (isNaN(o4)==true) o4=0;
			if (isNaN(o5)==true) o5=0;

 
			var e1 = (i1 * o0) + (i2 * o0) + (i3 * o0) + (i4 * o0) + (i5 * o0) + (i2 * o1) + (i3 * o1) + (i4 * o1) + (i5 * o1) +(i3 * o2) + (i4 * o2) + (i5 * o2) +(i4 * o3) + (i5 * o3) + (i5 * o4);
			var e2 = (i0 * o0) + (i1 * o1) + (i2 * o2) + (i3 * o3) + (i4 * o4) + (i5 * o5);

			var e3 = (i0 * o1) + (i0 * o2) + (i0 * o3) + (i0 * o4) + (i0 * o5) + (i1 * o2) + (i1 * o3) + (i1 * o4) + (i1 * o5) + (i2 * o3) + (i2 * o4) + (i2 * o5) + (i3 * o4) + (i3 * o5) + (i4 * o5);
			var e4 = (i2 * o0) + (i3 * o0) + (i4 * o0) + (i5 * o0) + (i3 * o1) + (i4 * o1) + (i5 * o1) + (i4 * o2) + (i5 * o2) + (i5 * o3);
			var e5 = (i0 * o2) + (i0 * o3) + (i0 * o4) + (i0 * o5) + (i1 * o3) + (i1 * o4) + (i1 * o5) + (i2 * o4) + (i2 * o5) + (i3 * o5);
 
			document.getElementById('e1').innerHTML = e1;
			document.getElementById('e2').innerHTML = e2;
			document.getElementById('e3').innerHTML = e3;
			document.getElementById('e4').innerHTML = e4;
			document.getElementById('e5').innerHTML = e5;
		}

Тут в вар записывается валуе с инпута:

var i0 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value || 0;

Но иногда инпут отсутствует и в вар нужно записать 0 , через || не работает.
Подскажите пожалуйста как можно решить проблему?

Answer 1

[hufawoso]

var input = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1];
var i0 = input ? input.value : 0;

Comments

[Rostyk Ice]

Uncaught ReferenceError: input is not defined

var input1 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value;
        	var i0 = input1 ? input.value : 0;
        	var input2 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[1].getElementsByTagName( 'input' )[1].value;
			var i1 = input2 ? input.value : 0;
			var input3 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[2].getElementsByTagName( 'input' )[1].value;
			var i2 = input3 ? input.value : 0;
			var input4 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[3].getElementsByTagName( 'input' )[1].value;
			var i3 = input4 ? input.value : 0;
			var input5 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[4].getElementsByTagName( 'input' )[1].value;
			var i4 = input5 ? input.value : 0;
			var input6 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[5].getElementsByTagName( 'input' )[1].value;
			var i5 = input6 ? input.value : 0;

[hufawoso]

Rostyk Ice: Посмотрите еще раз мой пример. Вы неправильно его воспроизвели.

[Rostyk Ice]

hufawoso: Наведите пример пожалуйста на двох вар-ах.

[hufawoso]

var cmlines = document.getElementById( 'output' ).getElementsByClassName( 'cmline' );

var input = cmlines[0].getElementsByTagName( 'input' )[1];
var i = input ? input.value : 0;

var input1 = cmlines[1].getElementsByTagName( 'input' )[1];
var i1 = input1 ? input.value : 0;

[Rostyk Ice]

hufawoso: Увидел, переделал, еррор.
Uncaught ReferenceError: input is not defined

var cmlines = document.getElementById( 'output' ).getElementsByClassName( 'cmline' );
var input1 = cmlines[0].getElementsByTagName( 'input' )[1];
var i0 = input1 ? input.value : 0;
var input2 = cmlines[1].getElementsByTagName( 'input' )[1];
var i1 = input2 ? input.value : 0;
var input3 = cmlines[2].getElementsByTagName( 'input' )[1];
var i2 = input3 ? input.value : 0;
var input4 = cmlines[3].getElementsByTagName( 'input' )[1];
var i3 = input4 ? input.value : 0;
var input5 = cmlines[4].getElementsByTagName( 'input' )[1];
var i4 = input5 ? input.value : 0;
var input6 = cmlines[5].getElementsByTagName( 'input' )[1];
var i5 = input6 ? input.value : 0;

[hufawoso]

var cmlines = document.getElementById( 'output' ).getElementsByClassName( 'cmline' );
var input1 = cmlines[0].getElementsByTagName( 'input' )[1];
var i0 = input1 ? input1.value : 0;
var input2 = cmlines[1].getElementsByTagName( 'input' )[1];
var i1 = input2 ? input2.value : 0;
var input3 = cmlines[2].getElementsByTagName( 'input' )[1];
var i2 = input3 ? input3.value : 0;
var input4 = cmlines[3].getElementsByTagName( 'input' )[1];
var i3 = input4 ? input4.value : 0;
var input5 = cmlines[4].getElementsByTagName( 'input' )[1];
var i4 = input5 ? input5.value : 0;
var input6 = cmlines[5].getElementsByTagName( 'input' )[1];
var i5 = input6 ? input6.value : 0;

[Rostyk Ice]

hufawoso: Не работает, ерор выдает если нету инпута.
Uncaught TypeError: Cannot read property 'getElementsByTagName' of undefined
на етом месте.

var input6 = cmlines[5].getElementsByTagName( 'input' )[1];
			var i5 = input6 ? input6.value : 0;

[hufawoso]

Rostyk Ice:

var input6 = cmlines[5] ? cmlines[5].getElementsByTagName( 'input' )[1] : null;
      var i5 = input6 ? input6.value : 0;

[Rostyk Ice]

hufawoso: Спасибо! Работает :)

Answer 2

[Alecxandrys]

Сравнение с null коротким if. Если да, то 0 иначе само значение.

var i0=document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value=== null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value;

Comments

[Rostyk Ice]

Uncaught TypeError: Cannot read property 'getElementsByTagName' of undefined

var i0 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value === null;
			var i1 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[1].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[1].getElementsByTagName( 'input' )[1].value === null;
			var i2 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[2].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[2].getElementsByTagName( 'input' )[1].value === null;
			var i3 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[3].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[3].getElementsByTagName( 'input' )[1].value === null;
			var i4 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[4].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[4].getElementsByTagName( 'input' )[1].value === null;
			var i5 = document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[5].getElementsByTagName( 'input' )[1].value === null ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[5].getElementsByTagName( 'input' )[1].value === null;

[Alecxandrys]

Если он у тебя может быть вообще не определён, то так

var i0=!document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value ? 0 : document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )[1].value;

[Rostyk Ice]

Alecxandrys: Все равно.
Uncaught TypeError: Cannot read property 'getElementsByTagName' of undefined
Все правильно переписал.

[Alecxandrys]

У тебя вообще не существует элемента с классом cmline, который находится в элементе в id=output. Не к тому отнес undefined.
Если допустима ситуация, что или не будет элемента с id=output, или с классом cmline, то тебе надо по цепочке вытаскивать значения и проверять.
Или обернуть вызов в try-catch.
P.S. Проверь в инспекторе иерархию элементов и отдельно вызови

document.getElementById( 'output' ).getElementsByClassName( 'cmline' )[0].getElementsByTagName( 'input' )

посмотри, у тебя вообще элемент, попадающий в такой селектор, существует