Why function return element.innerHTML or element.innerText is undefined?

Question

Why function(){ return element.innerHTML } returns undefined ?

var demo = document.getElementById('demo');
demo.innerHTML = endangeredSpecies("Europe", "Cave bear");

function endangeredSpecies(continent, species) {
    var contin = document.querySelectorAll('[data-continent]');
  contin.forEach(function(div){
    if(div.getAttribute('data-continent') == continent){
                var children = [].slice.call(div.children);
        children.forEach(function(child) {
                    if(child.getAttribute('data-species') == species) {
                return child.innerText;
                }
            })
     }
  })
}

Fiddle

It doesn't, but you're not returning from the function you think you are. — adeneo
– adeneo, Commented May 17, 2017 at 17:31
You are not returning anything jsfiddle.net/jondion/0ad7akkb — Jonathan Dion
– Jonathan Dion, Commented May 17, 2017 at 17:32
A link to JSFiddle is fine, but you must include the full code in the question itself, too. Use the code snippet feature to make it runnable inside the question. — JJJ
– JJJ, Commented May 17, 2017 at 17:32

Shubham Khatri · Accepted Answer · 2017-05-17 17:31:12Z

2

You function doesn't return anything, also return inside forEach doesn't return the value. Assign it to a variable and return it from function liek

var demo = document.getElementById('demo');
demo.innerHTML = endangeredSpecies("Europe", "Cave bear");

function endangeredSpecies(continent, species) {
    var contin = document.querySelectorAll('[data-continent]');
  var val;
  contin.forEach(function(div){
    if(div.getAttribute('data-continent') == continent){
                var children = [].slice.call(div.children);
        children.forEach(function(child) {
                    if(child.getAttribute('data-species') == species) {
                val =  child.innerText;
                }
            })
     }
  })
  return val;
}

JSFIDDLE

answered May 17, 2017 at 17:31

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why function return element.innerHTML or element.innerText is undefined?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related