"Menu JavaScript - Natália"
Bootstrap 4.1.1 Snippet by psd06t

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <meta charset="UTF-8"> <title>MenuJS - Trabalho da PRODABEL</title> </head> <body> <label for="weather">Selecione uma opção para trabalhar: </label> <select id="weather"> <option value="">--Escolha uma opção--</option> <option value="1">Cadastrar Comprador</option> <option value="2">Cadastro de Automovel</option> <option value="3">Cadastro de Venda</option> <option value="4">Sair do Sistema</option> </select> <p></p> <script> var select = document.querySelector('select'); var para = document.querySelector('p'); select.addEventListener('change', setWeather); function setWeather() { var choice = select.value; if (choice === '0') { para.textContent = 'Selecione'; } else if (choice === '1') { para.textContent = 'Cadastrar Comprador'; comprador(); } else if (choice === '2') { para.textContent = 'Cadastro do Automóvel'; cadastro(); } else if (choice === '3') { para.textContent = 'Cadastro de Venda'; venda(); } else if (choice === '4') { para.textContent = 'Sair do sistema'; sair(); } else { para.textContent = 'Tem certeza que deseja sair do sistema?'; } } function comprador() { alert("Cadastre uma Pessoa!"); comprador["Nome"] = window.prompt('Nome do comprador'); comprador["Sobrenome"] = window.prompt('Sobrenome do comprador'); comprador["idade"] = window.prompt('idade do comprador'); } function cadastro() { alert("Preencha com as informações do automóvel!"); cadastro["Nome"] = window.prompt('Nome do automóvel'); cadastro["Modelo"] = window.prompt('Modelo do automóvel'); cadastro["Ano"] = window.prompt('Ano de Fabricação'); } function venda() { alert("Cadastre uma Venda"); venda["Modelo"] = window.prompt('Modelo do Automovel'); venda["anoFab"] = window.prompt('Ano de Fabricação'); venda["Valor"] = window.prompt('Valor Total da Venda'); } function sair() { alert("Ao sair, apague a luz."); } //entender e estudar o código abaixo /*function listarTodasAsPropriedades(o){ var objectoASerInspecionado; var resultado = []; for(objectoASerInspecionado = o; objectoASerInspecionado !== null; objectoASerInspecionado = Object.getPrototypeOf(objectoASerInspecionado)){ resultado = resultado.concat(Object.getOwnPropertyNames(objectoASerInspecionado)); } return resultado; }function listarTodasAsPropriedades(o){ var objectoASerInspecionado; var resultado = []; for(objectoASerInspecionado = o; objectoASerInspecionado !== null; objectoASerInspecionado = Object.getPrototypeOf(objectoASerInspecionado)){ resultado = resultado.concat(Object.getOwnPropertyNames(objectoASerInspecionado)); } return resultado; } */ </script> </body> </html>

Related: See More

Navbar With Icons
Bootstrap NavBar Menu Dropdowns http://fontenele.github.io/bootstrap-navbar-dropdowns/
Accordian Menu
Bootstrap V4 Side Toggle and Fixed Top Menu (Responsive)

Questions / Comments: