Ajuda à um Projeto Calculadora [JavaScript] [RESOLVIDO]

1. Ajuda à um Projeto Calculadora [JavaScript] [RESOLVIDO]

removido
(usa Nenhuma)

Enviado em 14/07/2015 - 18:29h

Estou aqui para pergunta, como faço para programar um botão para deletar somente UM número dessa minha calculadora
Já tenho um botão para limpar tudo, mas quero um que delete somente UM digito do VSOR

A Nomenclatura dos objetos HTML e das funcões JavaScript são somente ilustrativa

Código HTML





 <!DOCTYPE html>

<html>

	<head>

		<title>JavaScript</title>

		<meta charset="utf-8" />

		<!-- Estilo -->

		<style>

		* {

			margin: 0;

			padding: 0;

		}

		body {

			width: 100%;

			height: auto;

			background: #CCCCCC;

			font-family: Arial ,Tahoma ,Helvetica ,sans-serif;

			font-size: 20px;

			text-align: center;

			color: #333333;

			margin: 0 auto;

		}

		.btnc {

			width: 30px;

			height: 30px;

			background: #666;

			color: #000;

			font-family: Tahoma,Arial,sans-serif;

			font-size: 10px;

		}

		



		</style>

		<!-- Fim Estilo -->

		

		<!--Chamando arquivo JS-->

		<script src="javascript.js"></script>

	</head>



	<body>

		

		<h1>Calculador </h1>

		<h1 style="color: #FF0000;">RED</h1>

		<h1>Build 001</h1>		

		<h2 id="hMensagem"

		style="font-size: 13px; border:1px solid #333;"

		></h2>

		

		<input type="text" id="vsor" size="20" /><br /><br />

		<input type="button" name="btn" class="btnc" value="1" onclick="writeN(1);" />

		<input type="button" name="btn" class="btnc" value="2" onclick="writeN(2);" />

		<input type="button" name="btn" class="btnc" value="3" onclick="writeN(3);"/>

		<input type="button" name="btn" class="btnc" value="+" onclick="writeP('+');" /><br /><br />

		

		<input type="button" name="btn" class="btnc" value="4" onclick="writeN(4);" />

		<input type="button" name="btn" class="btnc" value="5" onclick="writeN(5);" />

		<input type="button" name="btn" class="btnc" value="6" onclick="writeN(6);" />

		<input type="button" name="btn" class="btnc"value="-" onclick="writeP('-');" /><br /><br />

		

		<input type="button" name="btn" class="btnc" value="7" onclick="writeN(7);" />

		<input type="button" name="btn" class="btnc" value="8" onclick="writeN(8);" />

		<input type="button" name="btn" class="btnc" value="9" onclick="writeN(9);" />

		<input type="button" name="btn" class="btnc"value="*"  onclick="writeP('*');" /><br /><br />

		

		<input type="button" name="btn" class="btnc" value="C" onclick="clearV();"/>

		<input type="button" name="btn" class="btnc"value="0" onclick="writeN(0);"/>

		<input type="button" name="btn" class="btnc" value="=" onclick="mOperation();" />

		<input type="button" name="btn" class="btnc"value="/" onclick="writeP('/');" /><br /><br />

	

	</body>

	

</html>

Código JavaScript





//--------------------------------------------------------------------



function mfSegundos(num) {	//Trasforma Milesegundo em Segundos

	var seg = num * 1000;

	return seg;

}



//---------------------------------------------------------------------



function clearV() {	//Limpar o Visor da Calculadora

/*

Projeto: Calculadora;

Programado por: Retynck;

Data: 14/07/2015;

*/

	//Animação :D

	var segundos = mfSegundos(2);

	document.getElementById('hMensagem').innerHTML = 'Limpo'; 

	setTimeout("document.getElementById('hMensagem').innerHTML = '' ", segundos );

	//Limpa de verdade

	document.getElementById('vsor').value = '';

	

}



function writeN(num) {	//Ler Numeros

	document.getElementById('vsor').value = document.getElementById('vsor').value + num;

}



function writeP(num) { //Ler Operadores

	document.getElementById('vsor').value = document.getElementById('vsor').value + num;

}



function mOperation() {

	var result = document.getElementById('vsor').value;

	document.getElementById('vsor').value = '';

	document.getElementById('vsor').value = eval(result);

}

O Código tá meio NOOB mas acho que da pro gasto
:D

0 0

Quote

2. RESPOSTA

removido
(usa Nenhuma)

Enviado em 14/07/2015 - 22:37h

SamL escreveu:,

Basta fazer assim:
-pegar o valor de vsor
-converter para string e guardar em str
-definir o valor de vsor com os caracteres da string 'str' até str.length - 1 usando substr

É só criar uma função com o 'código' acima e adicionar um botão à calculadora com a funçãõ criada.

function delNumber() {
var str = document.getElementById('vsor').value;
String(str);
document.getElementById('vsor').value = str.length;
document.getElementById('vsor').value = str.substr(0, str.length - 1);
}

Valew , del certo, e ainda aprender a usar a substr();

:D

2 0

Quote

3. Re: Ajuda à um Projeto Calculadora [JavaScript] [RESOLVIDO]

ps-martins
(usa Debian)

Enviado em 14/07/2015 - 23:29h

Se te ajudar calculadora.html

<html>

<head>

<title>Calculadora</title>

</head>



<body>

	<form name="calculadora">

          <table border="5" bgcolor="#FF9900" cellpadding="3" cellspacing="7" align="center"><font face="Lucida Sans Unicode, Lucida Grande, sans-serif" color="#666666" size="2">CALCULADORA WEB </font>

            <tr><td bgcolor="#669966"><input type="text" name="entrada_saida" size="22"></td></tr>

            <tr><td><input type="button" name="num1" value="  7  " onClick="calculadora.entrada_saida.value+=7">

            <input type="button" name="num2" value="  8  " onClick="calculadora.entrada_saida.value+=8">

            <input type="button" name="num3" value="  9  " onClick="calculadora.entrada_saida.value+=9">

            <input type="button" name="divisor" value="  /  " onClick="calculadora.entrada_saida.value+=' / '">                                    

            <br><input type="button" name="num4" value="  4  " onClick="calculadora.entrada_saida.value+=4">

            <input type="button" name="num5" value="  5  " onClick="calculadora.entrada_saida.value+=5">

            <input type="button" name="num6" value="  6  " onClick="calculadora.entrada_saida.value+=6">

            <input type="button" name="mult" value=" *  " onClick="calculadora.entrada_saida.value+=' * '">                                    

            <br><input type="button" name="num1" value="  1  " onClick="calculadora.entrada_saida.value+=1">

            <input type="button" name="num2" value="  2  " onClick="calculadora.entrada_saida.value+=2">

            <input type="button" name="num3" value="  3  " onClick="calculadora.entrada_saida.value+=3">

            <input type="button" name="subtrai" value="  -  " onClick="calculadora.entrada_saida.value+=' - '">                                    

            <br><input type="button" name="num0" value="  0  " onClick="calculadora.entrada_saida.value+=0">

            <input type="button" name="ce" value=" CE " onClick="calculadora.entrada_saida.value=''" >

            <input type="button" name="igual" value="  = " onClick="calculadora.entrada_saida.value = 		 eval(calculadora.entrada_saida.value)">

            <input type="button" name="soma" value=" +  " onClick="calculadora.entrada_saida.value+=' + '">    

                                            

            

            

            

          </table>       

	</form>

    

</body>

</html>

0 0

Quote

4. Calculadora

kheov
(usa Manjaro Linux)

Enviado em 26/10/2016 - 15:24h

<html>
<head>
<title>Calculadora</title>
</head>
<body>
<CENTER>
<h1>Calculadora!</h1>
</CENTER>
<CENTER>

<FORM NAME="Calculadora">

<TABLE BORDER="4">
<TR>
<ID> <INPUT TYPE="text" NAME="Input" SIZE="18"> <BR> </ID>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="um" VALUE=" 1 " onClick="Calculadora.Input.value += '1'">
<INPUT TYPE="button" NAME="dois" VALUE=" 2 " onClick="Calculadora.Input.value += '2'">
<INPUT TYPE="button" NAME="tres" VALUE=" 3 " onClick="Calculadora.Input.value += '3'">
<INPUT TYPE="button" NAME="somar" VALUE=" + " onClick="Calculadora.Input.value += ' + '">
<BR>
<INPUT TYPE="button" NAME="quatro" VALUE=" 4 " onClick="Calculadora.Input.value += '4'">
<INPUT TYPE="button" NAME="cinco" VALUE=" 5 " onClick="Calculadora.Input.value += '5'">
<INPUT TYPE="button" NAME="seis" VALUE=" 6 " onClick="Calculadora.Input.value += '6'">
<INPUT TYPE="button" NAME="menos" VALUE=" - " onClick="Calculadora.Input.value += ' - '">
<BR>
<INPUT TYPE="button" NAME="sete" VALUE=" 7 " onClick="Calculadora.Input.value += '7'">
<INPUT TYPE="button" NAME="oito" VALUE=" 8 " onClick="Calculadora.Input.value += '8'">
<INPUT TYPE="button" NAME="nove" VALUE=" 9 " onClick="Calculadora.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE=" x " onClick="Calculadora.Input.value += ' * '">
<BR>
<INPUT TYPE="button" NAME="clear" VALUE=" C " onClick="reset();">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " onClick="Calculadora.Input.value += '0'">

<INPUT TYPE="button" NAME="igual" VALUE=" = " onClick="Calculadora.Input.value = eval(Calculadora.Input.value)">

<INPUT TYPE="button" NAME="div" VALUE=" / " onClick="Calculadora.Input.value += ' / '">
</CENTER>
</body>
</html>

#html5 #vivaolinux

0 0

Quote