Как напечатать эту случайную строку?

Question

Вот мой код

var e=document.getElementById('button');
e.addEventListener('click',function yo(e)
{e.preventDefault();
var a=[
        {'quote':"Result: something good is going to happen with you",},
        {'quote':"Result: your future is very bright i think you are going to meet someone special in your life",},
        {'quote':"Result: just be careful things are not looking good",},
        {'quote':"Result: just be patient in your life if you want everything fine",},
        {'quote':"Result: ohh its difficult please retry ",},
        {'quote':"Result: daymn a good news is coming ",},
        {'quote':"Result: be ready for the upcoming storm my friend",},
        {'quote':"Result:  i dont want to tell you ryt now",},
    
];
var count=0;
var b=document.getElementById('user');
var c=document.createElement('p');
var d=document.getElementById('ha');
var f="";
i=Math.floor(Math.random()*8);//Here alone Math.random*8 gives the number between 0 to 7 and always in float
    //so to make it as whole number we put it inside Math floor
    c=b.value;

var l=a[i].quote;
f="<p>Result: "+ c + +l+  "</p>"
d.insertAdjacentHTML('beforeend',f);    
})

Моя проблема в том, что, когда я ставлю имя пользователя, оно появляется в одном абзаце, но вместо этого вместо отображения цитаты оно показывает мне NaN.

Answer 1

Именно эта строка здесь и вызывает проблему:

f="<p>Result: "+ c + +l+  "</p>"

Если мы попытаемся разбить это, как только JavaScript увидит это, мы получим

• f = ( присваивание)
• "<p>Result: " (строка)
• + (объединение)
• c (значение в c)
• + (объединение)
• +l (одинарная операция над значением в l)
• + (объединение)
• "</p>" (строка)

Итак, вы объединяете кучу строк, но этот дополнительный + берет строку и пытается преобразовать ее в число. Как вы можете себе представить, цитата не является числом, поэтому NaN

Answer 2

изменить f="<p>Result: "+ c + +l+ "</p>" на f="<p>Result: "+ c + l+ "</p>"

Вы добавляете ненужные +