Java - Iconos con java

Iconos con java

Publicado por Alex (1 intervención) el 18/03/2020 11:17:18

Hola, me estoy iniciando con JavaScript. Pero tengo una duda, tengo que insertar dinamicamente, unos icono, como lo hariais ?
Tengo esta funcion pero no me lo hace.

function agregarIconos(){

	var qtt = document.getElementsByTagName("h3");

	for(var i=0; i<qtt.length;i++)

		var x = document.createElement("i");

		x.className = "fab fa-java";

Gracias

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Iconos con java

Publicado por Costero (148 intervenciones) el 18/03/2020 17:05:53

Hola. Esto es Javascript no Java. Son languajes differente. Aunque lo dos salieron mas o menos al mismo.
El primer nombre the Javascript fue LiveScript, pero cuando sus autores vieron que Java estabe cogiendo fama entonces le cambiaron el nombre a JavaScript.

Cuando pongas preguntas the Javascript contra el browser pon el Html tambien.

Parece que te falta esto:

document.body.appendChild(x);

Mira un ejemplo abajo:

<!DOCTYPE html>

<html>

<head>

<title>Font Awesome Icons</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

<!--Get your own code at fontawesome.com-->

</head>

<body onload="myFunction()">

<p>Some Font Awesome icons:</p>

<i class="fas fa-band-aid"></i>

<i class="fas fa-cat"></i>

<i class="fas fa-dragon"></i>

<i class="far fa-clock"></i>

<i class="fas fa-clock"></i>

<p>Styled Font Awesome icons (size, color, and shadow):</p>

<i class="fas fa-clock" style="font-size:24px;"></i>

<i class="fas fa-clock" style="font-size:36px;"></i>

<i class="fas fa-clock" style="font-size:48px;color:red;"></i>

<i class="fas fa-clock" style="font-size:60px;color:lightblue;text-shadow:2px 2px 4px #000000;"></i>

<h3>Hello</h3>

<script>

function myFunction() {

  alert("Page is loaded");

  var qtt = document.getElementsByTagName("h3");

	for(var i=0; i<qtt.length;i++)

		var x = document.createElement("i");

		x.className = "fas fa-band-aid";

		document.body.appendChild(x);

</script>

</body>

</html>

</html>

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar