var variavel = "<li id='li_var'> <form id='form_var'>" +
    "<select name='tipo' title='tipo da variável' id='var_tipo'> " +
    "<option value='inteiro'>inteiro</option> " +
    "<option value='texto'>texto</option> " +
    "</select> " +
    "<input type='text' title='nome da variável' value='var1' > " +
    " <label for='valor_var' tabindex='0' tile='recebe'>recebe</label> " + "<input type='number' id ='valor_var' title='valor da variável' value='0'> " +
    "<button id='bt_excluir_var' type='button' class='btn btn-danger' >Excluir</button>" +
    "</form> </li>";


var tipo_atr = "  <select  id='tipo_atr' title='selecione o tipo de atrabuição' >" +
    "<option > selecione</option>" +
    "<option value='valor'> Valor</option>" +
    "<option value='var'>Variável</option>" +
    "</select>   ";

var tipo_atr2 = "  <select  id='tipo_atr2' title='selecione o tipo de atrabuição' >" +
    "<option > selecione</option>" +
    "<option value='valor'> Valor</option>" +
    "<option value='var'>Variável</option>" +
    "</select>   ";

var atribuir = "<li id='li_comando'> <form id='form_atribuir'>" +
    "<select title='selecione a variável' id='var_atr'> " +
    "<option value='var1'>var1</option> " +
    "</select> " +
    "<label id='recebe'>recebe </label> " +
    tipo_atr +
    "<button id='bt_excluir_comand' type='button' class='btn btn-danger' >Excluir</button>" +
    "</form></li>";

var variaveis = " <select  id='menu_variaveis' title='selecione a variável' >" +
    "<option >...</option>" +
    "<option value='valor'> Var1</option>" +
    "<option value='var'>var2</option>" +
    "</select>   ";

var variaveis2 = " <select  id='menu_variaveis2' title='selecione a variável' >" +
    "<option >...</option>" +
    "<option value='valor'> Var1</option>" +
    "<option value='var'>var2</option>" +
    "</select>   ";


var operadores = " <select title='selecione o operador' id='menu_operadores'> " +
    "<option value='soma' title='fim'>;</option> " +
    "<option value='soma' title='soma'>+</option> " +
    "<option value='multiplicacao' title='multiplicacao'> * </option> " +
    "<option value='divisao' title='divisão'> / </option> " +
    "<option value='divisao' title='subtração'> -  </option> " +
    "<option value='divisao' title='Parêntese de abertura'> ( </option> " +
    "<option value='divisao' title='Parêntese de fechamento'> ) </option> " +
    "</select> ";

var operadores2 = " <select title='selecione o operador' id='menu_operadores2'> " +
    "<option value='soma' title='operador fim'>;</option> " +
    "<option value='soma' title='operador soma'>+</option> " +
    "<option value='multiplicacao' title='operador multiplicacao'> * </option> " +
    "<option value='divisao' title='divisão'> / </option> " +
    "<option value='divisao' title='subtração'> -  </option> " +
    "<option value='divisao' title='Parêntese de abertura'> ( </option> " +
    "<option value='divisao' title='Parêntese de fechamento'> ) </option> " +
    "</select> ";


var operacoes = "<li id='li_opr'> <form id='form_operacaoes'>" +
    " <select  id='opr_variaveis' title='selecione a variável' >" +
    "<option >...</option>" +
    "<option value='valor'> Var1</option>" +
    "<option value='var'>var2</option>" +
    "</select>   " +
    " <label id='label_igual'tabindex='0'> = </label> " +
    "<button id='bt_excluir_opr' type='button' class='btn btn-danger' >Excluir</button>" +
    "</form></li>";

escreva = "<li id='li_escreva'> <form id='form_escreva'>" +
    "<label id='label_escreva'> Escreva</label>" +
    " <select  id='menu_escreva' title='Escreva' >" +
    "<option >...</option>" +
    "<option value='valor'>Valor</option>" +
    "<option value='var'>Variável</option>" +
    "<option value='texto'>Texto</option>" +
    "</select> " +
    "<button id='bt_excluir_escreva' type='button' class='btn btn-danger' >Excluir</button>" +
    "</form></li>";
"</form></li>";

$(document).ready(function () {

    $("#bt_cria_var").click(function () {

        $("#comandos").append(variavel)
        $("#var_tipo").focus();

        $("#bt_excluir_var").click(function () {
            $("#li_var").remove();
        });
    });
});

$(document).ready(function () {

    $("#atribuir").click(function () {

        $("#comandos").append(atribuir)
        $("#var_atr").focus();

        $('#tipo_atr').change(function () {
            if ($(this).val() === 'valor') {
                $('#menu_variaveis').remove();
                $('#menu_operadores').remove();
                $("#tipo_atr").after(" <input type='text' id='campo_de_atribuicao' title='defina a atribuição'>");
                $("#campo_de_atribuicao").focus();
                $("#campo_de_atribuicao").after(operadores);
            }
            if ($(this).val() === 'var') {
                $('#campo_de_atribuicao').remove();
                $('#menu_operadores').remove();
                $("#tipo_atr").after(variaveis);
                $("#menu_variaveis").focus();
                $('#operadores').remove();
                $("#menu_variaveis").after(operadores);

            }

            $('#menu_operadores').change(function () {
                $("#menu_operadores").after(tipo_atr2);
                $("#tipo_atr2").focus();

                $('#tipo_atr2').change(function () {

                    if ($(this).val() === 'valor') {
                        $('#menu_variaveis2').remove();
                        $('#menu_operadores2').remove();
                        $("#tipo_atr2").after(" <input type='text' id='campo_de_atribuicao2' title='defina a atribuição'>");
                        $("#campo_de_atribuicao2").focus();
                        $("#campo_de_atribuicao2").after(operadores);
                    }
                    if ($(this).val() === 'var') {
                        $('#campo_de_atribuicao2').remove();
                        $('#menu_operadores2').remove();
                        $("#tipo_atr2").after(variaveis);
                        $("#menu_variaveis2").focus();
                        $('#operadores2').remove();
                        $("#menu_variaveis2").after(operadores);

                    }


                });
            });
        });

        $("#bt_excluir_comand").click(function () {
            $("#li_comando").remove();

        });
    });
});


$(document).ready(function () {

    $("#escreva").click(function () {

        $("#comandos").append(escreva);
        $("#menu_escreva").focus();

        $('#menu_escreva').change(function () {

            if ($(this).val() === 'valor') {
                $('#valor_num').remove();
                $('#menu_variaveis').remove();
                $('#valor_text').remove();
                $("#menu_escreva").after(" <input type='number' id='valor_num' title='defina o valor'>");
                $("#valor_num").focus();
            }
            if ($(this).val() === 'var') {
                $('#valor_num').remove();
                $('#menu_variaveis').remove();
                $('#valor_text').remove();
                $("#menu_escreva").after(variaveis);
                $("#menu_variaveis").focus();
            }
            if ($(this).val() === 'texto') {
                $('#valor_num').remove();
                $('#menu_variaveis').remove();
                $('#valor_text').remove();
                $("#menu_escreva").after(" <input type='text' id='valor_text' title='defina o texto'>");
                $("#menu_variaveis").focus();
            }

        });

        $("#bt_excluir_escreva").click(function () {
            $("#li_escreva").remove();
        });
    });
});

$(document).ready(function () {

    $("#bt_executar").click(function () {
        $("#terminal").append("<p id='resultado' tabindex='0'> resultado aqui</p>");
        $("#resultado").focus();

    });
});


/* $(function() {

    $("#opr").click(function() {

        $("#comandos").append(operacoes);
        $("#opr_variaveis").focus();

        $('#opr_variaveis').change(function() {

            $("#label_igual").after(opr_select_var_val);

            $('#opr_select_var_val').change(function() {

                if ($(this).val() === 'valor') {
                    $('#menu_variaveis').remove();
                    $("#opr_select_var_val").after(" <input type='text' id='campo_de_valor' title='defina o valor'>")
                        .after(operadores);
                    $("#campo_de_valor").focus();
                }
                if ($(this).val() === 'var') {
                    $('#campo_de_valor').remove();
                    $("#opr_select_var_val").after(variaveis).after(operadores);;
                    $("#menu_variaveis").focus();

                }

            });


        });

    });
}); */

/*      if ($(this).val() === 'valor') {
         $('#menu_variaveis').remove();
         $("#valor_opr1").after(" <input type='text' id='campo_de_atribuicao' title='defina a atribuição'>");
         $("#campo_de_atribuicao").focus();
     }
     if ($(this).val() === 'var') {
         $('#campo_de_atribuicao').remove();
         $("#valor_opr1").after(variaveis);
         $("#menu_variaveis").focus();

     } */

/* });

$('#valor_opr2').change(function() {
    if ($(this).val() === 'valor') {
        $('#menu_variaveis').remove();
        $("#valor_opr2").after(" <input type='text' id='campo_de_atribuicao' title='defina a atribuição'>");
        $("#campo_de_atribuicao").focus();
    }
    if ($(this).val() === 'var') {
        $('#campo_de_atribuicao').remove();
        $("#valor_opr2").after(variaveis);
        $("#menu_variaveis").focus();

    }

});

$("#bt_excluir_opr").click(function() {
    $("#li_opr").remove();

});


}); */