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

A função alert não está sendo exibida no navegador.

@{
    ViewData["Title"] = "Carrinho";
}

@model CasaDoCodigo.Models.ViewModels.CarrinhoViewModel

<h3>Meu Carrinho</h3>

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="row">
            <div class="col-md-6">Item</div>
            <div class="col-md-2 text-center">Preço Unitário</div>
            <div class="col-md-2 text-center">Quantidade</div>
            <div class="col-md-2">
                <span class="pull-right">
                    Subtotal
                </span>
            </div>
        </div>
    </div>
    <div class="panel-body">
        @foreach (var item in Model.Itens)
        {
            <div class="row row-center">
                <div class="col-md-3">
                    <img src="~/images/produtos/small_@(item.Id).jpg" />
                </div>
                <div class="col-md-3">@item.Produto.Nome</div>
                <div class="col-md-2 text-center">R$ @item.PrecoUnitario</div>
                <div class="col-md-2 text-center">
                    <div class="input-group">
                        <span class="input-group-btn">
                            <!--BOTÃO MENOS-->
                            <button class="btn btn-default">
                                <span class="glyphicon-minus"></span>
                            </button>
                        </span>
                        <input type="text" value="@item.Quantidade" class="form-control text-center" />
                        <span class="input-group-btn">
                            <!--BOTÃO MAIS-->
                            <button class="btn btn-default" onclick="clickIncremento">
                                <span class="glyphicon-plus"></span>
                            </button>
                        </span>
                    </div>
                </div>
                <div class="col-md-2">
                    <span class="pull-right">
                        R$ @item.Subtotal
                    </span>
                </div>
            </div>
        }
    </div>
    <div class="panel-footer">
        <div class="row">
            <div class="col-md-10">
                @{
                    if (Model.Itens.Count() < 2)
                    {
                        <span>Total: @Model.Itens.Count() item;</span>
                    }
                    else
                    {
                        <span>Total: @Model.Itens.Count() itens;</span>
                    }
                }
            </div>
            <div class="col-md-2">
                <span class="pull-right">
                    Valor Total R$ @Model.Total
                </span>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        @*@Html.ActionLink("Finalizar Pedido",
            "resumo",
            "pedido",
            null, //valor da rota, que nesse momento é nula.
            new { @class="btn btn-success pull-right" }
             )*@
        <a asp-controller="pedido"
           asp-action="resumo" class="btn btn-success pull-right">Finalizar Pedido</a>
    </div>
</div>

@section Scripts
{
    <script type="text/javascript">
        function clickIncremento() {
            alert('Mais!');
        }
    </script>
}
2 respostas
solução!

Oi Thiago tudo bem?

Aparentemente o erro é na hora de registrar seu onclick, esta faltando o ()

Deve ficar assim:

<!--BOTÃO MAIS-->
 <button class="btn btn-default" onclick="clickIncremento()"> <span class="glyphicon-plus"></span> </button>

Espero ter ajudado :)

Poxa, esqueci desse detalhe... Obrigado!!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software