Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.

Temas - condor12

Páginas: [1]

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript calculadora con inputs suma resta multiplicación división jQuery

« en: 12 de Julio 2017, 23:34 »

Quiero hacer una calculadora con 3 inputs, en la que en los que se puedan ingresar 2 números en los 2 primeros y el resultado aparezca en el tercero, pero no logro que me funcione.

El código que he hecho es este:

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
	<link rel="stylesheet" type="text/css" href="Estilo.css">
	<meta charset="UTF-8">
	<title>Calculadora</title>
</head>
	

<body>

Numero 1 <input id="a" type="Number"/><br>
Numero 2 <input id="b" type="Number"/><br>
Resultado: <input id="r" type="Number"/>

<input type="button" value="suma" onclick="suma()"/>

<input type="button" value="resta" onclick="resta()"/>
 
<input type="button" value="multiplicacion" onclick="multiplicacion()"/>

<input type="button" value="division" onclick="division()"/>


<script>
	
function suma() {
	var numero1 = document.getElementsById('a').value;
	var numero2 = document.getElementsById('b').value;
	var resultado = parseInt(numero1) + parseInt(numero2);
	document.getElementsById('r').value = resultado;
}

function resta() {
	var numero1 = document.getElementsById('a').value;
	var numero2 = document.getElementsById('b').value;
	var resultado = parseInt(numero1) - parseInt(numero2);
	document.getElementsById('r').value = resultado;
}

function multiplicacion() {
	var numero1 = document.getElementsById('a').value;
	var numero2 = document.getElementsById('b').value;
	var resultado = parseInt(numero1) * parseInt(numero2);
	document.getElementsById('r').value = resultado;
}

function division() {
	var numero1 = document.getElementsById('a').value;
	var numero2 = document.getElementsById('b').value;
	var resultado = parseInt(numero1) / parseInt(numero2);
	document.getElementsById('r').value = resultado;
}

</script>
</body>
</html>

¿que hago mal?

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Mostrar el mayor de 3 números generados por el usuario en javascript jQuery

« en: 05 de Julio 2017, 11:57 »

Buenas espero algún buen samaritano me pueda ayudar

Necesito sacar el mayor de 3 números introducidos por el usuario en inputs poro no logro hacerlo, el código que he hecho hasta ahora es el siguiente:

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document 2</title>
</head>

<script type="text/javascript">
	
$("#Numero1").val()
$("#Numero2").val()
$("#Numero3").val()


if (Numero1 > Numero2 && Numero1 > Numero3) {

 document.write('El casillero a es mas grande');
}

else (Numero2 > Numero1 && Numero2 > Numero3) {

document.write('El casillero b es mas grande');

}

else (Numero3>Numero1>Numero2 && Numero3 > Numero2) {

document.write('El casillero c es mas grande')
}


</script>

<body>

<input type="text" name="Numero1" id="Numero1">
<input type="text" name="Numero2" id="Numero2">
<input type="text" name="Numero3" id="Numero3">



</body>
</html>

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Como alinear dos divs en html 5 crear un diseño en cajas según instrucciones

« en: 22 de Junio 2017, 07:09 »

Buenas noches a todos, espero que me puedan ayudar con este problema porque hace rato que me tiene loco, estos haciendo un curso de html y me han pedido hacer lo siguiente con etiquetas div

El diseño, indicado de arriba a abajo y de izquierda a derecha debe ser el siguiente:

1º) Caja de 1000 px de ancho por 400 px de alto
2º) Tres cajas de 250 px de ancho por 40 px de alto
3º) Dos cajas cuadradas de 500 px
4º) En en lateral izquierdo dos cajas cuadradas de 350 px y en el lateral derecho una caja rectacgular de 600 px de ancho por 710 px de alto

He realizado lo siguiente:

Código: [Seleccionar]

!DOCTYPE html>
<html lang="es">
<bacgroud>
<head>
	<meta charset="UTF-8">
	<title>Ejercicio 4</title>
	<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
	<body bgcolor="black">
	</body>
	
<h1 id="cabecera"> Ejercicio 4</h1>
	
	<div id="section1"></div>
	
	
	<div id="cuadro2"></div>
	<div id="cuadro3"></div>
	<div id="cuadro4"></div>
	</div>

	<div id="cuadro5">Cuadrado Rojo 1</div>
	<div id=="cuadro6"></div>
	</div>

	<div id="cuadrado3"></div>
	<div id="cuadrado4"></div>
	</div>
</body>
</html>

CSS:

Código: [Seleccionar]

#cabecera {

background-color: white;
text-align: center;
}

#section1 {
	height: 400px;
	width: 1000px;
	background-color: green;
	margin-top: 20px;
	margin-left: 20px;

}

#cuadro2 {

	height: 40px;
	width: 250px;
	background-color: blue;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

#cuadro3 {
	height: 40px;
	width: 250px;
	background-color: blue;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

#cuadro4 {
	height: 40px;
	width: 250px;
	background-color: blue;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

#cuadro5 {
	height: 500px;
	width: 500px;
	background-color: red;
	margin-top: 100px;
	margin-left: 20px;

}

#cuadro6 {
	height: 500px;
	width: 500px;
	background-color: red;
	margin-top: 100px;
	float: left;
}

pero no puedo alinear los dos cuadrados de 500px como me pide, por favor ayuda ya no se que hacer $:-\$

Páginas: [1]

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: