Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

ALERT não aparece na tela.

[Resolvido]Bom dia pessoal, estou com um problema para fazer o "alert('oi');" a abaixo aparecer, o exercício em questão é apenas para acompanhar passo a passo o curso de typescript.

app.ts

alert('oi');
const negociacao = new Negociacao(new Date(), 1, 100);
console.log(negociacao.quantidade);

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Negociações</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
</head>

<body class="container">

    <h1 class="text-center">Negociações</h1>

    <div id="mensagemView"></div>

    <form class="form">

        <div class="form-group">
            <label for="data">Data</label>
            <input type="date" id="data" class="form-control" required autofocus/>        
        </div>    

        <div class="form-group">
            <label for="quantidade">Quantidade</label>
            <input type="number" min="1" step="1" id="quantidade" class="form-control" value="1" required/>
        </div>

        <div class="form-group">
            <label for="valor">Valor</label>
            <input id="valor" type="number" class="form-control"  min="0.01" step="0.01" value="0.0" required />
        </div>

        <button class="btn btn-primary" type="submit">Incluir</button>
    </form>

    <br>
    <br>

    <table class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>DATA</th>
                <th>QUANTIDADE</th>
                <th>VALOR</th>
                <th>VOLUME</th>
            </tr>
        </thead>

        <tbody>
        </tbody>

        <tfoot>
        </tfoot>
    </table>
    <script src="js/nodejs/Negociacao.ts"></script>
    <script src="js/app.ts"></script>
</body>
</html>
5 respostas

Bom dia!

Seu html está referenciando os arquivos "ts" (TypeScript), e não os arquivos "js" (JavaScript).

O primeiro ponto seria alterar de .ts para .js.

Você chegou a fazer a compilação dos .ts para que os .js fiquem na pasta js?

Alterei o meu projeto da mesma forma que você, fiz a compilação e para mim apareceu o alert.

Bons estudos!

Olá Thiago, obrigado pela resposta, justamente por conta disso que você citou, eu fiz as alterações relacionadas ao ts. Coloco a baixo o meu package.json que indica o atributos para a compilação do ts.

{
  "name": "alurabank",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "compile":"tsc",
    "start": "tsc -w"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "typescript": "^2.3.2"
  }
}

Creio que meu erro possa ser algo relacionado ao "alert" ser ignorado pelo compilador do ts, ou o ts estar com algum erro de compilação, como ainda não consegui resolver, se alguém tiver passado por algo parecido, poderia por favor me explicar como resolveu.

Boa tarde!

Seu arquivo está igual ao meu.

A primeira sugestão agora é verificar se o arquivo app.js , que fica na pasta js, está com o alert.

Se não estiver, falta compilar o projeto.

Se tiver, sugiro executar o projeto com a console do browser aberta para ver se não está gerando erro.

Olá Bom dia, meu arquivo app.js está com o "alert" sim. E aqui no meu projeto ele fica em app/js/views/app.js esse caminho está errado ?

Segue a baixo o arquivo app.js

alert('oi');
const negociacao = new Negociacao(new Date(), 1, 100);
console.log(negociacao.quantidade);

A forma como eu abro o projeto pode influenciar ? Eu apenas abro o projeto dando um "clique no btn direito" e indo em abrir com o "navegador".

solução!

Bom dia!

Se está em views, no seu index.html você precisa adicionar o caminho com o views. Assim , deve ficar:

<script src="js/views/app.js"></script>

Lembre de trocar de .ts para .js, caso ainda não tenha feito.