Avatar

@muez2007

¿Cómo puedo introducir un texto JS en HTML? ¿Cómo puedo hacer que se ejecute en Google?

Avatar

@richardavendano

Hola, puedes crear una etiqueta <p> vacía. Le debes agregar una “id”.

<p id=“puntaje”></p>

Luego en JS obtienes la id de la etiqueta e imprimes con innerHTML

let score = document.getElementById(“puntaje”); score.innerHTML = “10 puntos”;

busca en google “mostrar texto con innerHTML” y has experimentos :)

Saludos y happy coding!

LB

@leonardobernal

Si estas haciendo el curso básico de javascript ten en cuenta que ese curso habla sobre conceptos básicos que son explicados en la consola. En el curso javascript en el navegador es donde se ve bien como manipular una pagina web.

De todos modos, lo que necesitas es una etiqueta script para vincular javascript a tu documento HTML. Se escribe así:

</script>```

Eso es recomendable escribirlo justo antes de que termine el body.
Dentro de esas etiquetas escribes tu código javascript. Algunos códigos nativos que pueden serte útiles para probar cosas que estas aprendiendo y escriben en el navegador son: 

```document.write() ```

https://developer.mozilla.org/es/docs/Web/API/Document/write

```document.body.innerHTML = "" ```

https://developer.mozilla.org/es/docs/Web/API/Element/innerHTML

```prompt()```

https://developer.mozilla.org/es/docs/Web/API/Window/prompt

```confirm()```

https://developer.mozilla.org/es/docs/Web/API/Window/confirm

```alert()```

https://developer.mozilla.org/es/docs/Web/API/Window/alert

Y hay mucho mas, te recomiendo investigar de acuerdo a tu necesidades.

Espero que te sirva. Un saludo.
LB

@leonardobernal

Si estas haciendo el curso básico de javascript ten en cuenta que ese curso habla sobre conceptos básicos que son explicados en la consola. En el curso javascript en el navegador es donde se ve bien como manipular una pagina web.

De todos modos, lo que necesitas es una etiqueta script para vincular javascript a tu documento HTML. Se escribe así:

<script>Código javascript aqui</script>

Eso es recomendable escribirlo justo antes de que termine el body. Dentro de esas etiquetas escribes tu código javascript. Algunos códigos nativos que pueden serte útiles para probar cosas que estas aprendiendo y escriben en el navegador son:

document.write()

https://developer.mozilla.org/es/docs/Web/API/Document/write

document.body.innerHTML = ""

https://developer.mozilla.org/es/docs/Web/API/Element/innerHTML

prompt()

https://developer.mozilla.org/es/docs/Web/API/Window/prompt

confirm()

https://developer.mozilla.org/es/docs/Web/API/Window/confirm

alert()

https://developer.mozilla.org/es/docs/Web/API/Window/alert

Y hay mucho mas, te recomiendo investigar de acuerdo a tu necesidades.

Espero que te sirva. Un saludo. lenguaje

LB

@leonardobernal

Si estas haciendo el curso básico de javascript ten en cuenta que ese curso habla sobre conceptos básicos que son explicados en la consola. En el curso javascript en el navegador es donde se ve bien como manipular una pagina web.

De todos modos, lo que necesitas es una etiqueta script para vincular javascript a tu documento HTML. Se escribe así:

<script>Código javascript aqui</script>

Eso es recomendable escribirlo justo antes de que termine el body. Dentro de esas etiquetas escribes tu código javascript. Algunos códigos nativos que pueden serte útiles para probar cosas que estas aprendiendo y escriben en el navegador son:

document.write()

https://developer.mozilla.org/es/docs/Web/API/Document/write

document.body.innerHTML = ""

https://developer.mozilla.org/es/docs/Web/API/Element/innerHTML

prompt()

https://developer.mozilla.org/es/docs/Web/API/Window/prompt

confirm()

https://developer.mozilla.org/es/docs/Web/API/Window/confirm

alert()

https://developer.mozilla.org/es/docs/Web/API/Window/alert

Y hay mucho mas, te recomiendo investigar de acuerdo a tu necesidades.

Espero que te sirva. Un saludo. lenguaje

Avatar

@sargentogato

Las respuestas anteriores han contestado ampliamente tu pregunta, solo para agregar un poquito más. tines createElement( ) que te permite crear un elemento de HTML, ojo, este sólo estará almacenado en memoria, Sintaxis: document.createElement('div') const nuevoElemento = document.createElemento('div')

Si quieres meter texto dentro de ese nuevo elemento o de cualquier otro, tienes. textContent sintaxis: constante o variable.textContent = 'texto que quieres' nuevoElemento.textContento = `texto' Todavía seguimos en memoria

Si quieres que ese se dibuje en el DOM o la página, toca meterlo con appendChild Sintaxis: document.variable o constante o etiqueta HTML.appendChild(elemento creado con createElement y almacenado en una variable) Ej. document.body.appenChild(nuevoElemento)

Ten en cuenta que el nuevo elemento será introducido al final de document (final del HTML) pero tienes otras formas de controlar la posición de donde quieres colocarlo.

Como bien te han dicho antes, el curso de introducción es solo eso, una introducción en la que trabajas sobre todo en la consola, pero te faltaría todo lo que tenga que ver con la creación de objetos, funciones, funciones flecha, clases, eventos y manipulación del DOM que es creo lo que buscas.

Si quisieras agregar texto dentro de una etiqueta HTML entramos en terrenos de manipular el DOM que corresponde a este curso, en donde está detallado como te han comentado antes. JavaScript en el navegador https://ed.team/cursos/js-dom JavaScript es un lenguaje que vive en el navegador y nos permite manipular el DOM.

Avatar

@sargentogato

se ha juntado todo a la hora de publicar, así que lo separaré para que no haya confusión Sintaxis: document.createElement('div') const nuevoElemento = document.createElemento('div')

constante o variable.textContent = 'texto que quieres' nuevoElemento.textContento = `texto'

Sintaxis: document.variable o constante o etiqueta HTML.appendChild(elemento creado con createElement y almacenado en una variable) document.body.appenChild(nuevoElemento)

LB

@leonardobernal

Necesitas dos saltos de linea para no se junte todo.

Ojalá pongan pronto la opción de editar comentarios.

Avatar

@sargentogato

Leonardo, muchas gracias. Si, ojalá ya que hace falta. Gracias de nuevo.

Recuerdainiciar sesiónpara participar en la comunidad.