Jump to content
luciano

pegar valor da função

Recommended Posts

Boa noite pessoal alguém poderia me ajudar por favor,

gostaria de pagar o valor da função random e colocar na imagem.

-----função-----

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
Math.floor((Math.random() * 22) + 1);        
</script>

----------

 <img src="imagens/('#demo').jpg" alt="Card">

 

Eu ja tentei:

('#demo')

'#demo'

"#demo"

Nada funciona.

 

Por favor me dem uma luz, não manjo de java

Obrigado

Share this post


Link to post
Share on other sites

Não ficou claro o que pretende.

Explique o objetivo para termos uma ideia do que está tentando fazer.

Share this post


Link to post
Share on other sites

seu erro é simples você não está sabendo lidar com o id, e aparentemente desconhece o básico de javascript, então sugiro que estude mais!

 

Erros:

1-voce está querendo substituir o valor usando uma #demo, não é usado geralmente # no html, normalmente é usado no css para especificar id no html é usado tags, então quando se usa o método getElementById semanticamente ele ira buscar o "id" no dom do html e não apenas uma string como você implementou

2-no javascript está usando o método innerHtml quando deveria estar usando "src" se seu intuito e trocar os paths das imagens dinamicamente.

3-o path deve ser construído no javascript já que você quer fazer essa troca dinamicamente

4-chama a linguagem que está demonstrando de Java.

 

Solução

Html

<img id="demo" src="" alt="Card">

JS:

document.getElementById("demo").src = "imagens/" + Math.floor((Math.random() * 22) + 1) + ".jpg";

 

 

 

 

Share this post


Link to post
Share on other sites
16 horas atrás, wanderval disse:

seu erro é simples você não está sabendo lidar com o id, e aparentemente desconhece o básico de javascript, então sugiro que estude mais!

 

Erros:

1-voce está querendo substituir o valor usando uma #demo, não é usado geralmente # no html, normalmente é usado no css para especificar id no html é usado tags, então quando se usa o método getElementById semanticamente ele ira buscar o "id" no dom do html e não apenas uma string como você implementou

2-no javascript está usando o método innerHtml quando deveria estar usando "src" se seu intuito e trocar os paths das imagens dinamicamente.

3-o path deve ser construído no javascript já que você quer fazer essa troca dinamicamente

4-chama a linguagem que está demonstrando de Java.

 

Solução

Html


<img id="demo" src="" alt="Card">

JS:


document.getElementById("demo").src = "imagens/" + Math.floor((Math.random() * 22) + 1) + ".jpg";

 

 

 

 

 

Olá Wanderval, muito obrigado por sua ajuda e por responder. 
Sim realmente não tenho conhecimento algum em javascript estou tentando aprender, desculpe as perguntas idiotas mais um dia aprendo rss.

Este cód. achei na internet e estou tentando modifica-lo, mais não funcionou com as alterações que você enviou.

mesmo assim agradeço sua boa vontade, grande abraço.

 

Share this post


Link to post
Share on other sites
23 horas atrás, Omar~ disse:

Não ficou claro o que pretende.

Explique o objetivo para termos uma ideia do que está tentando fazer.

Olá Omar agradeço sua resposta, esta é uma função que peguei na internet estou fazendo umas modificações, mais não manjo de java, ainda estou aprendendo,

 

vou postar aqui para ver se você entende melhor;

só precisava que pegasse o valor da função randon o  id="demo" e colocasse o numero que foi sorteado nesta linha que seria o nome da imagem

$('#sel1d').attr('src','imagens/'+demo+'.jpg');

Novamente Obrigado

Share this post


Link to post
Share on other sites

 

1 hora atrás, luciano disse:

 

Olá Wanderval, muito obrigado por sua ajuda e por responder. 
Sim realmente não tenho conhecimento algum em javascript estou tentando aprender, desculpe as perguntas idiotas mais um dia aprendo rss.

Este cód. achei na internet e estou tentando modifica-lo, mais não funcionou com as alterações que você enviou.

mesmo assim agradeço sua boa vontade, grande abraço.

 

O que exatamente não funcionou, a lógica está funcional sim, você pode conferir no link abaixo, não iria postar um código como solução sem estar funcionando se você tem uma pasta imagens e todas as imagens realmente são no formato jpg deveria estar funcionando sim mas vendo a sua resposta anterior você agora colocou um código usando jquery, mas tá ai minha opinião e que se não está funcionando e que não esta sabendo manipular os arquivos de images ou está colocando o path errado até as imagens, logo abaixo você vai poder conferiri no link e brincar um pouco e vai ver que nada está errado com a lógica

 

link jsbin: https://jsbin.com/pafiroqeco/edit?html,js,output

Share this post


Link to post
Share on other sites

Vamos tentar explicar o comportamento do jQuery:

5 horas atrás, luciano disse:

$('#sel1d').attr('src','imagens/'+demo+'.jpg');

 

Isso:

$('#sel1d')

irá lançar um document.querySelectorAll se o valor for indefinido então vai lançar um document.querySelector, que será duas varreduras no DOM em busca de um elemento só, mas enfim ele acha porque na segunda busca o alvo é o elemento ID em questão "#sel1d"

 

Agora

.attr

Uma vez que jQuery já tenha o elemento ele irá chamar a função do javascript

setAttribute anexando o elemento.

 

Assim sendo temos 2 parâmetros src & imagens/'+demo+'.jpg

Ou seja o que isso $('#sel1d').attr('src','imagens/'+demo+'.jpg'); faz?

No elemento de id sel1d adicione o atributo src com o valor imagens/'+demo+'.jpg

 

Isso aqui está 100% funcional

22 horas atrás, wanderval disse:

<img id="demo" src="" alt="Card">

JS:


document.getElementById("demo").src = "imagens/" + Math.floor((Math.random() * 22) + 1) + ".jpg";

 

Pois nada mais que faz é anexar um valor ao atributo src da imagem.

 

 

5 horas atrás, luciano disse:

manjo de java, ainda estou aprendendo

Java é uma linguaguem, JavaScript é outra coisa.

E já está começando mau por aderir ao jQuery.

Quer aprender javascript?

Está aqui o lugar para isso: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript

 

Share this post


Link to post
Share on other sites
8 horas atrás, wanderval disse:

 

O que exatamente não funcionou, a lógica está funcional sim, você pode conferir no link abaixo, não iria postar um código como solução sem estar funcionando se você tem uma pasta imagens e todas as imagens realmente são no formato jpg deveria estar funcionando sim mas vendo a sua resposta anterior você agora colocou um código usando jquery, mas tá ai minha opinião e que se não está funcionando e que não esta sabendo manipular os arquivos de images ou está colocando o path errado até as imagens, logo abaixo você vai poder conferiri no link e brincar um pouco e vai ver que nada está errado com a lógica

 

link jsbin: https://jsbin.com/pafiroqeco/edit?html,js,output

Ok Obrigado, vou dar uma estudada mais afundo
Valew

6 horas atrás, Omar~ disse:

Vamos tentar explicar o comportamento do jQuery:

 

Isso:

$('#sel1d')

irá lançar um document.querySelectorAll se o valor for indefinido então vai lançar um document.querySelector, que será duas varreduras no DOM em busca de um elemento só, mas enfim ele acha porque na segunda busca o alvo é o elemento ID em questão "#sel1d"

 

Agora

.attr

Uma vez que jQuery já tenha o elemento ele irá chamar a função do javascript

setAttribute anexando o elemento.

 

Assim sendo temos 2 parâmetros src & imagens/'+demo+'.jpg

Ou seja o que isso $('#sel1d').attr('src','imagens/'+demo+'.jpg'); faz?

No elemento de id sel1d adicione o atributo src com o valor imagens/'+demo+'.jpg

 

Isso aqui está 100% funcional

Pois nada mais que faz é anexar um valor ao atributo src da imagem.

 

 

Java é uma linguaguem, JavaScript é outra coisa.

E já está começando mau por aderir ao jQuery.

Quer aprender javascript?

Está aqui o lugar para isso: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript

 

Ok Obrigado, vou dar uma estudada mais afundo
Valew

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By slaoxx
      Não conseguir obter êxito, minha sintaxe foi a seguinte:
       
      CREATE FUNCTION precomed ()
      RETURNS decimal
      SELECT AVG(preco_cd);
       
      SELECT precomed ();
       
    • By quimera
      Bom/boa dia/tarde/noite, estou com um problema (nem notou neh?!):
       
      Estou fazendo uma extensão para preenchimento automático de login e formulário, em alguns sites funciona normalmente, mas existe uns sites que não permitem o preenchimento, e são eles que eu estou buscando auternativas.
       
      eu injeto o texto no input $("input[type=text]").val("Meu texto") mas quando fico observando o valor ou quando envio o formulário simplesmente diz que o input não tem valor (não foi preenchido) mesmo vendo o texto nele.
      O que pode ser?
      Que tipo de mandinga é essa?
      E o que posso fazer pra contornar?
    • By g.dmatos
      Preciso desenvolver um algoritmo no Visualg, da função y=3x+8, onde, a partir da informação de um valor para a variável independente x, o sistema automaticamente informe o valor da variável dependente y.
       
      porém quando vou executar da erro no código:
      var x, y: real inicio escreval("Digite o valor do coeficiente x") leia(x) Escreval ("O valor da conta é igual a:" + y) Leia (y) y=(3.x)+8 fimdoalgoritmo  
    • By Jefferson andre
      Ola,
      qual comando eu utilizo para pegar o que esta entre <a>teste</a> ?
      tendo como valor retornado: teste
       
      O uso seria para ler o conteudo de um xml ok
       
    • By mamotinho
      Olá, estou com dúvidas , eu tenho a seguinte execução 
       
      SELECT SUM(Cash) as soma FROM CashAccount Eu estou querendo pega o resultado desta consulta em PHP
      tipo
       
      $result = $pdo->query("SELECT SUM(Cash) as soma FROM CashAccount"); echo $result; Mais não sei como fazer aparece o mesmo resultado que é exibido quando eu faço a execução da query no SQL, por favor alguém poderia me informar como eu poderia está fazendo.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.