estoy tratando de hacer que las citas aleatorias que se enumeran en una matriz aparezcan en mi sitio web al recargar, sin embargo, no puedo hacer que funcione
JavaScript:
function textOfToday() { var textOfTodayArray = [ 'String 1', 'String 2' ] document.getElementById('randomTitle').value = textOfTodayArray[Math.floor(Math.random()*textOfTodayArray.length)]; }El siguiente código html div está diseñado para mostrar el texto, sin embargo, no puedo obtenerlo:
<div class="randomTitle" style="text-align: center;"></div> También intenté usar id="randomTitle" en la parte div pero esto tampoco funcionó
¿Hay algo más mal tal vez? No soy un experto en absoluto, pero no puedo detectar ningún error de sintaxis.
Cualquier ayuda sería apreciada
Asegúrese de llamar a la función en su js textOfToday() . Lo estás definiendo, pero nunca llamando.
Además, sí, debe cambiar la class a id si va a usar getElementById .
Por último, debe establecer innerText en lugar de value
document.querySelector('.foo').value que se usa principalmente para <input> , para mostrar información en el div o cualquier elemento, es mejor que use innerText o innerHTML
function textOfToday() { var textOfTodayArray = [ 'String 1', 'String 2' ] document.getElementById('randomTitle').innerText = textOfTodayArray[Math.floor(Math.random()*textOfTodayArray.length)]; } textOfToday() <div id="randomTitle" style="text-align: center;"></div>Debe usar la propiedad innerHTML para mostrar en el elemento HTML. También haga uso de la etiqueta de identificación cuando esté apuntando por identificación. Además, nunca invocó su función, por lo que nunca se ejecutó.
function textOfToday() { var textOfTodayArray = ['String 1', 'String 2']; document.getElementById('randomTitle').innerHTML = textOfTodayArray[Math.floor(Math.random() * textOfTodayArray.length)]; } textOfToday(); <div id="randomTitle" style="text-align: center;">Hi</div>