CURSO DE JAVASCRIPT DO ZERO | parte 1 - variáveis, onClick, funções e interação com HTML
1) Como detectar o sistema operacional e o navegador web usando HTML, CSS, JavaScript??
<!DOCTYPE html>
<html>
<head>
<title>Detector de Sistema Operacional e Navegador</title>
</head>
<body>
<p id="resultado"></p>
<script>
// Função para detectar o sistema operacional
function detectarSO() {
const userAgent = navigator.userAgent.toLowerCase();
let browser = "";
// Verificações para os sistemas operacionais mais comuns
if (userAgent.indexOf("windows nt") != -1) {
browser = "Windows NT";
} else if (userAgent.indexOf("mac os x") != -1) {
browser = "Mac OS X";
} else if (userAgent.indexOf("x11") != -1) {
browser = "UNIX";
} else if (userAgent.indexOf("android") != -1) {
browser = "Android";
} else if (userAgent.indexOf("iphone") != -1) {
browser = "iPhone";
} else if (userAgent.indexOf("ipad") != -1) {
browser = "iPad";
} else {
browser = "Outro";
}
return browser;
}
// Função para detectar o navegador
function detectarNavegador() {
const navegador = navigator.appName;
const version = navigator.appVersion;
return ${navegador} ${version};
}
// Exibindo os resultados
const resultado = document.getElementById("resultado");
resultado.textContent = Seu sistema operacional é: ${detectarSO()} e você está usando o navegador: ${detectarNavegador()};
</script>
</body>
</html>
2) Crie uma calculadora de Exponencial em HTML, CSS e JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Calculadora de Exponenciais</title>
</head>
<body>
<input type="number" id="base" placeholder="Base">
<input type="number" id="expoente" placeholder="Expoente">
<button onclick="calcular()">Calcular</button>
<p id="resultado"></p>
<script>
function calcular() {
let base = document.getElementById('base').value;
let expoente = document.getElementById('expoente').value;
let resultado = Math.pow(base, expoente);
document.getElementById('resultado').textContent = resultado;
}
</script>
</body>
</html>
3) Crie sua própria calculadora científica usando HTML, CSS, JavaScript.
4) Crie um formulário com os seguintes campos: ID, CPF, Nome, Endereço, Telefone, Data de nascimento, salário.
Nenhum comentário:
Postar um comentário