Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Obrigadoseu 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";>
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.>
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>
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
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
>
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](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
Ok Obrigado, vou dar uma estudada mais afundo
Valew
Não ficou claro o que pretende.
Explique o objetivo para termos uma ideia do que está tentando fazer.