Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"escolhas"
Bootstrap 4.1.1 Snippet by
raquel2020
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
382
 
0 Fav
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
Free Template
Vue Argon Design System
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76