Conteúdo principal
Programação
Revisão: texto e strings
Essa é uma revisão sobre o que abordamos nessa explicação sobre texto:
Antes dessa explicação, estávamos usando valores numéricos para a maioria das coisas: passando números para funções, armazenando valores em variáveis, etc. Como você viu, também podemos utilizar valores de texto. Chamamos isso de strings em JavaScript; pense nelas como um conjunto de letras.
Para criar uma string, colocamos o texto entre aspas:
"Oi, Mundo!"
Então temos que fazer algo com essa string, como passá-la para o comando :
text("Oi, Mundo!", 100, 100);
Também podemos guardá-la em uma variável, e então passar essa variável para o comando :
var meuOi = "Oi, Mundo!";
text(meuOi, 100, 100);
Observe que também podemos usar aspas simples:
var meuOi = 'Oi, Mundo!';
Mas não podemos misturar e combinar aspas — isso é um erro! Escolha aspas simples ou duplas, e use somente a que escolheu.
var meuOi = 'Oi, Mundo!"; // oh, não!
Do mesmo modo que podemos manipular números, também podemos manipular strings. Podemos, por exemplo, adicionar uma string a outra string:
var meuOi = "Oi";
var meuNome = "Pedro";
var digaOi = meuOi + ", " + meuNome + "!"; // Oi, Pedro!
Quando combinamos strings em JS, chamamos isso de concatenar strings. Também podemos combinar strings com números:
var xPos = 10;
var yPos = 20;
var etiqueta = "As coordenadas são " + xPos + ", " + yPos;
Vimos também neste tutorial que podemos usar comandos diferentes para alterar o tamanho e a cor do texto quando exibimos sequências de caracteres usando o comando . Você pode ler mais sobre os comandos na seção de texto da nossa documentação (clique na aba "documentação" para acessar).
Quer participar da conversa?
- Como utilizar o JavaScript do navegador para que eu possa colocar em prática as lições aprendidas?(46 votos)
- E só definir um escopo HTML, e depois criar suas variáveis com JavaScipt.
Ex: Gere uma tag <script></script> entre as tag head do Documento html. declare as variáveis através da palavra reservada que acabamos de aprender var nome recebe o texto que você quer declarar, não esqueça que as Strings devem estar contidas entre aspas, dpeois é so exibir no console através do comando console.log( aqui o nome da variável sem aspas ) ou, através do alert( aqui variável que você criou sem aspas ) .(41 votos)
- Me ajudem a desbloquear a medalha dando like no meu comentário(20 votos)
- curte o meu tambem(15 votos)
- Parabéns a equipe khanacademy, as aulas e exercícios propostos estimulam você a ficar viciado em visitar cada vez mais o site, muito obrigado por compartilharem conhecimento, é o que falta muito nos dias de hoje, compartilhar, ensinar e incentivar.(22 votos)
- Como eu executo os programas que desenvolvi aqui no curso no java?(15 votos)
- eu acho q voce pode usar junto com codigo html, isso é, em uma pagina da internet, e voce pode criar uma assim(se estou lembrado):
abra o bloco de notas e cole isto
//inicio
<html>
<head>
<title>
//aqui vai o titulo para sua pagina
</title>
</head>
<body>
//aki vc pode por texto normal
<script>
//codigo q vc usa aki na khan. ainda nao tentei inserir esse codigo aki da khan em html, mas isso vc pode procurar em outro lugar se nao der certo
</script>
</body>
</html>
//fim
depois salve com o nome "nome.html" o arquivo. e quando for abrir ele vai abrir como uma pagina da internet. se der um problema me avise(22 votos)
- Não entendi isso:
myGreeting + ", " + myName + "!";
Na lição passada também teve isso, mas eu não consegui entender bem quando esse +" (a aspa unica , junta com o mais) entrou, qual sua função, etc. Desde já, agradeço.(4 votos)- Para montar uma frase você pode usar o texto que está armazenado em uma variável misturado com outros textos.
Neste exemplo você mistura o texto que está armazenado nas variáveis myGreeting e myName com a virgula e o sinal de exclamação.
O sinal de mais (+) serve para juntar cada elemento.
A virgula e o sinal de exclamação são as partes da frase que não estão armazenas em variáveis, por isso devem ficar entre aspas.
Entendeu?
Aqui vai um exemplo que fiz juntando texto e operações matemáticas.: https://pt.khanacademy.org/computer-programming/soma-entre-duas-variveis/5974519430512640(12 votos)
- onde eu posso testar os códigos que aprendo aqui na khan academy?(7 votos)
- Como eu faço para gerar uma tag <script></script> entre as tag head do Documento html. Teria como você me fazer um passo a passo. Ainda não aprendi esse procedimento.(6 votos)
- Abra um editor de texto (pode ser o notepad) e digite algo do tipo:
<html>
<head>
<script type="text/javascript" src="caminho/para/o/fonte.js"></script>
<script type="text/javascript">
alert("Olá!");
</script>
</head>
<body>
</body>
</html>
Estamos utilizando a tag <script> de duas formas distintas no exemplo.
No primeiro <script> estamos referenciando um arquivo Javascript à parte, hospedado junto do site.
No segundo <script> estamos escrevendo código Javascript diretamente na página HTML.
Salve o exemplo acima com a extensão .html e abra o arquivo em algum navegador para ver o resultado. Note, que o primeiro <script> retornará um erro, pois o arquivo referenciado não existe. Espero que isso tenha lhe ajudado.(13 votos)
- existe outro aplicativo de programação para botar em pratica(5 votos)
- Me ajudem a ganhar a medalha dando like no meu comentário, por favor!(5 votos)
- Eu gostaria de saber: como colocar os textos em negrito, itálico, sublinhado, etc?(3 votos)