1-
let totalGeral;
limpar();
function adicionar() {
let produto = document.getElementById('produto').value;
let quantidade = document.getElementById('quantidade').value;
// Verificar se o produto selecionado é válido
if (!produto || produto.trim() === "") {
alert("Selecione um produto válido.");
return;
}
// Verificar se a quantidade inserida é válida
if (isNaN(quantidade) || quantidade <= 0) {
alert("Insira uma quantidade válida.");
return;
}
let nomeProduto = produto.split('-')[0];
let valorUnitario = parseFloat(produto.split('R$')[1]);
let preco = quantidade * valorUnitario;
let carrinho = document.getElementById('lista-produtos');
carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
<span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R${preco}</span>
</section>`;
totalGeral = totalGeral + preco;
let campoTotal = document.getElementById('valor-total');
campoTotal.textContent = `R$ ${totalGeral}`;
document.getElementById('quantidade').value = 0;
}
function limpar() {
totalGeral = 0;
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$0';
}
2- HTML
<html>
<body>
<form id="meuForm">
<label for="campoNome">Nome:</label>
<input type="text" id="campoNome" name="nome">
<label for="campoIdade">Idade:</label>
<input type="text" id="campoIdade" name="idade">
<button type="button" onclick="capturarValores()">Capturar Valores</button>
<div id='mostraNome'><span>Seu nome e idade irão aparecer aqui.</span></div>
</form>
<script src="script.js"></script>
</body>
</html>
JS
function capturarValores() {
const nome = document.getElementById('campoNome').value;
const idade = document.getElementById('campoIdade').value;
document.getElementById('mostraNome').textContent = `Nome: ${nome}, Idade: ${idade}`;
console.log(`Nome: ${nome}, Idade: ${idade}`);
}
3- HTML
<html>
<body>
<p id="meuParagrafo">Texto</p>
<button onclick="modificarConteudo()">Modificar Conteúdo</button>
<script src="script.js"></script>
</body>
</html>
JS
function modificarConteudo() {
const paragrafo = document.getElementById('meuParagrafo');
paragrafo.textContent = 'Novo texto modificado dinamicamente!';
}
4-
const numero1 = 15;
const numero2 = 35;
const soma = numero1 + numero2;
const mensagem = `A soma dos números ${numero1} e ${numero2} é igual a ${soma}.`;
console.log(mensagem);
5-
const duasSentencas = "Essa é a primeira sentença; Essa é a segunda sentença"
const frasesSeparadas = duasSentencas.split(';');
console.log(frasesSeparadas);
6-
const numerosSeparados = "10,15,20,25,30";
const arrayNumeros = numerosSeparados.split(',');
console.log(arrayNumeros);
