Ir para conteúdo
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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não ficou claro o que pretende.

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

Compartilhar este post


Link para o post
Compartilhar em outros 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";

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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.

 

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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

 

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Leandro T.
      pessoal bom dia alguém poderia me ajudar com o FormValidation?
       
      "nomefuncionario": {
                  validators: {
                      
                  
                    notEmpty: {
                      message: "Nome completo do funcionário é obrigatório."
                    } , <=== este funciona normalmente
                      
                      callback: {  // agora o callback nao consigo fazer funcionar
                              message: 'este nome não é valido',
                              callback: function (input) {
                                  if (input.value = 'algum valor digitado') {
                                      return true
                                  } }},
                      
                      
                      
                  }
    • Por Mauricio Molina
      Ola pessoal, será que podem me dar uma força?
       
      Preciso fazer um calculo de subtração de valores, onde o administrador seleciona o mes, pego pelo ID, método GET, para edição.
       
      Como normalmente tem vários meses pagos, o script a seguir só esta funcionando no primeiro item da tabela.
       
      Como posso fazer para funcionar em todos os itens da tabela?
       
      Teria que dar um nome diferente no getValor (id no HTML) para cada um, mas como posso fazer isso?
       
      <!-- Calculo Devolucao--> <script type="text/javascript"> function id(valor_campo) { return document.getElementById(valor_campo); } function getValor(valor_campo) { var valor = document.getElementById(valor_campo).value.replace(',', '.'); /*document.write("Valor: " - valor);*/ return parseFloat( valor ) * 1; } function sub() { var total = getValor('v_recebido') - (getValor('v_devolvido')); id('resultadoDev').value = (total * 1) .toFixed(2, "."); } </script> <!-- Calculo Devolucao--> <div class="toggle"> <input name="v_devolvido" type="checkbox" id="foo<?php echo $rows_aluno['id']; ?>" value="<?php echo $rows_aluno['v_recebido']; ?>"> <label for="foo<?php echo $rows_aluno['id']; ?>"></label> </div> <input type="text" id="v_recebido" value="<?php echo $rows_aluno['v_recebido']; ?><?php echo $rows_aluno['v_receb_parc']; ?>" onblur="sub()" > <div class="form-row"> <div class="form-group col-md-6"> <label for="validationCustomUsername">Valor Parcial:</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text" id="inputGroupPrepend">R$</span> </div> <input name="v_dev_parc" type="text" class="form-control" id="v_devolvido" placeholder="Digite o Valor" aria-describedby="inputGroupPrepend" onblur="sub()"> </div> </div> <input name="id_user" type="hidden" value="<?php echo $rows_aluno['id_user']; ?>"> <input name="id_prof" type="hidden" value="<?php echo $rows_aluno['id_prof']; ?>"> <input name="status" type="hidden" value="Devolvido"> <input name="mes" type="hidden" value="<?php echo $rows_aluno['mes']; ?>"> <input name="v_recebido" type="text" id="resultadoDev"> </div>  
    • Por nathanmoreira
      Após diversos cálculos provindos de um código, recebo um número inteiro ao qual não sei o tamanho ao certo (pode variar de 1 pra frente). Quero passar esse número para string e formatar ele de maneira a colocar um ,00 no final e, a cada 3 números antes da virgula, um ponto. Ou seja, deixar o número num formato como: 45.114.477,00
       
      Como fazer? 
    • Por TK_T
      olá sou iniciante consegui fazer um o código de um exercício só que quando eu peço o valor 12ab ele lê como numérica alguém pode me ajudar? 
      Exercício: Leia uma string e diga se a mesma é numérica (na base decimal) ou não.
      Ex.: "123" -> numérica
      "abc" -> não numérica
      "12ab" -> não numérica
      "12.34" -> numérica 
      #include <stdio.h> int main() { char Numero; printf("Digite Algo: "); scanf("%c", &Numero); if(Numero == '1' || Numero == '2' || Numero == '3' || Numero == '4' || Numero == '5' || Numero == '6' || Numero == '7' || Numero == '8' || Numero== '9' || Numero == '0') printf("\tNumérica...\n"); else printf("\tNão Numérica\n"); return 0; }  
    • Por mateus.andriollo
      Boa tarde,
      Tenho alguns campos numéricos q ao fazer uma select gostaria q retornasse uma legenda
       
      exemplo:
      Status: 0=Inativo / 1=Ativo Condição: 1=Funcionando / 2=Em manutenção / 3=Manutenção Interna   
      Seria algo assim, tenho varias tabelas com estes campos... mas tenho q ficar usando replace.
      Existe uma forma de criar uma função para isso? Nem q na função eu tenha que setar nome do campo, ficando assim:
      Legenda('Status',cadastro.status) 
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.