walterjaworski/calculafrete.html

## calculafrete.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<p>
	<label for="">Total</label> <input type="text" id="subtotal2" value="R$350,00">
</p>
<p>
	<label for="">CEP</label> <input class="input fbits-carrinho-calcularFrete-cep" id="txtCalculaFrete" name="txtCalculaFrete" type="text" value="10000-000" />
</p>
<p>
	<input type="button" id="btnCalculaFrete" class="btnCalcular bt fbits-carrinho-calcularFrete-botao" value="Calcular" />
</p>
<h1>
	<br>
	Valor do frete: <span id="ResultadoFrete"></span>
	<br>
	Estado:  <span id="ResultadoEstado"></span>
</h1>
<p>
<strong>São Paulo (R$ 350,00)</strong> 10000-000
</p>
<script>
	// Dispara a função myFunction caso o botão btnCalculaFrete receba um clique
	document.getElementById("btnCalculaFrete").onclick = function() {myFunction()};
	// Cria a função myFunction
	function myFunction(e) {
		// Pega o valor do campo txtCalculaFrete
		var cep = document.getElementById("txtCalculaFrete").value;
		// Pega o valor total da compra
		var valor = document.getElementById("subtotal2").value;
		// Retira o R$ do valor total da compra
		var valorCompra = valor.substring(2);
		console.log('valorCompra: ' + valorCompra);
		var valorFreteSp = '350,00';
		console.log('valorFreteSp: ' + valorFreteSp);
		// Verifica se o valor do campo de inserção do cep está enttre os números citados abaixo
		// Ceps do estado de São Paulo
	    if (cep >= '01000-000' && cep <= '19999-999') {
	    	// Caso seja positivo, o span com id valorFrete recebe o texto abaixo
	    	document.getElementById("ResultadoEstado").textContent = "Sampa";
	    	if (valorCompra >= valorFreteSp) {
	    		console.log('Frete Grátis');
	    		//document.getElementById("ResultadoFrete").textContent = 'Grátis';
	    	} else {
	    		console.log('Cobra Frete');
	    		//document.getElementById("ResultadoFrete").textContent = 'Cobra';
	    	}
	    }
	}
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8"/>
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	</head>
	<body>
	<p>
	<label for="">Total</label> <input type="text" id="subtotal2" value="R$350,00">
	</p>
	<p>
	<label for="">CEP</label> <input class="input fbits-carrinho-calcularFrete-cep" id="txtCalculaFrete" name="txtCalculaFrete" type="text" value="10000-000" />
	</p>
	<p>
	<input type="button" id="btnCalculaFrete" class="btnCalcular bt fbits-carrinho-calcularFrete-botao" value="Calcular" />
	</p>
	<h1>
	<br>
	Valor do frete: <span id="ResultadoFrete"></span>
	<br>
	Estado: <span id="ResultadoEstado"></span>
	</h1>
	<p>
	<strong>São Paulo (R$ 350,00)</strong> 10000-000
	</p>
	<script>
	// Dispara a função myFunction caso o botão btnCalculaFrete receba um clique
	document.getElementById("btnCalculaFrete").onclick = function() {myFunction()};
	// Cria a função myFunction
	function myFunction(e) {
	// Pega o valor do campo txtCalculaFrete
	var cep = document.getElementById("txtCalculaFrete").value;
	// Pega o valor total da compra
	var valor = document.getElementById("subtotal2").value;
	// Retira o R$ do valor total da compra
	var valorCompra = valor.substring(2);
	console.log('valorCompra: ' + valorCompra);
	var valorFreteSp = '350,00';
	console.log('valorFreteSp: ' + valorFreteSp);
	// Verifica se o valor do campo de inserção do cep está enttre os números citados abaixo
	// Ceps do estado de São Paulo
	if (cep >= '01000-000' && cep <= '19999-999') {
	// Caso seja positivo, o span com id valorFrete recebe o texto abaixo
	document.getElementById("ResultadoEstado").textContent = "Sampa";
	if (valorCompra >= valorFreteSp) {
	console.log('Frete Grátis');
	//document.getElementById("ResultadoFrete").textContent = 'Grátis';
	} else {
	console.log('Cobra Frete');
	//document.getElementById("ResultadoFrete").textContent = 'Cobra';
	}
	}
	}
	</script>
	</body>
	</html>