Erro ao tentar pegar mensagem de formulário - Angular

17/02/2021

0

Olá pessoal,
Estou aqui com a seguinte dúvida:
Eu quero fazer um formulário, que pega o titulo e o corpo de uma mensagem qualquer, e exiba essa mensagem em um alert. Mas quando pressiono em enviar, o browser me retorna 404.

app.component.html:
<div class="form-group">
  <form method="post" id="push" action="app.component.ts" onsubmit="return getData()">
   Titulo: <input type="text" name="title" placeholder="Title"  id="title" ngModel/>
    <br>
   Corpo: <input type="text" name="body" placeholder="Body" id="body"/>
    <br>
    <input type="submit" name="submit" onclick="getData()"/>
    </form> 
</div>


app.component.ts:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {}

function getData() {
  var title = document.getElementById("title");
  var body = document.getElementById("body");

  var push = title + " | " + body;

  alert(push);
}


app.component.js:

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
exports.__esModule = true;
exports.AppComponent = void 0;
var core_1 = require("@angular/core");
var AppComponent = /** @class */ (function () {
    function AppComponent() {
    }
    AppComponent = __decorate([
        core_1.Component({
            selector: 'app-root',
            templateUrl: './app.component.html',
            styleUrls: ['./app.component.css']
        })
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;
function getData() {
    var title = document.getElementById("title").value;
    var body = document.getElementById("body").value;
    var push = title + " | " + body;
    alert(push);
}
Mariana

Mariana

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar