Estoy tratando de crear un código en Javascript sin el uso de jQuery para encontrar y generar el contenido de California condor , que debería imprimirse Critically Endangered en la consola. Sin embargo, no estoy seguro de cómo hacerlo correctamente, especialmente sin el uso de jQuery. ¿Alguien puede ayudarme o darme algunos consejos?
document.body.innerHTML = `<div> <ul data-continent="North America"> <li data-species="California condor">Critically Endangered</li> <li data-species="American bison">Near Threatened</li> </ul> <ul data-continent="Europe"> <li data-species="Cave bear">Extinct</li> </ul> </div>`; function code() { return document.body.innerHTML.getElementsByTagName('ul data-continent="North America"').getElementsByTagName('li data-species="California condor"'); console.log(code())<script> document.body.innerHTML = `<div> <ul data-continent="North America"> <li data-species="California condor">Critically Endangered</li> <li data-species="American bison">Near Threatened</li> </ul> <ul data-continent="Europe"> <li data-species="Cave bear">Extinct</li> </ul> </div>`; function code() { return document.querySelector('li[data-species="California condor"]').innerHTML } console.log(code()) </script>