Προς το περιεχόμενο

html/javascript

Kapws

Από τον Kapws
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

Kapws Mentor

Kapws

Δημοσ.
Δημοσ.

Καλησπέρα,

έχω μία άσκηση (παιδική) για τη σχολή όπου θα πρέπει να φτιάξω ένα calculator με κάποιες βασικές πράξεις καθώς και με μνήμη με λειτουργίες όπως M+, MR, MC.

Ως εδώ όλα καλά μιας και ,to be honest με λίγες διορθώσεις, copy paste και ρύθμιση από μέρους μας, ο θείος ο γούγλης βοηθάει.

 

Αυτό που δεν μπορώ να κάνω και μου ζητείται είναι να κρατείτε από κάτω, κάποιο log με το τί πράξεις έχει κάνει ο χρήστης έως τώρα. Δλδ κάτω από το calculator θα παίζει κλασσική ατάκα του στυλ : "Ο χρήστης έκανε '3+5' "

"Ο χρήστης έκανε memory add "

"O χρήστης έκανε ..."κτλ κτλ

 

Φαντάζομαι πως θα γίνει με κάποιο div ,αλλά δεν έχω βρει ακόμη το πως.

 

Ως τώρα ο κώδικας έχει ως εξής (χωρίς το κομμάτι με τα logs):

 

><html>
<head>
<title>Ασκηση</title>
<script type="text/javascript">

 function memory_p() 
 {
 if (document.calculator.ans.value =='') { return }
 document.calculator.memory.value += '+'+document.calculator.ans.value;
 document.calculator.memory.value=eval(document.calculator.memory.value);
 eqFlag=true;
 document.calculator.mem_win.value=document.calculator.memory.value;
 }
 
 function memory_r() 
 {
 document.calculator.ans.value = document.calculator.memory.value;
 eqFlag=true;
 }

function memory_c() 
 {
 document.calculator.memory.value=0;
 document.calculator.mem_win.value='0';
 }
 
 </script>	
</head>

<body>

<form name="calculator">
<table border="3" cellpadding="1" bordercolor="#3300FF" bgcolor="#000000" cellspacing="1" width="160">
<tr>
<td>
<input type="text" size="23" length="20" value="" name="ans" style="background:beige;color:black;">
</td>
 <td>
 <input type="text" size="4" length="30" value="0" name="mem_win" style="background:beige;color:black;">
 <input type="hidden" size="" length="" value="" name="memory" style="background:beige;color:black;">

  

 </td>
</tr>
</table>

<table border="6" cellpadding="2" bordercolor="#3300FF" cellspacing="2" width="160" bgcolor="#000000">
<tr>
<td align="center">
<input type="button" value="  7  " name="seven" onClick="document.calculator.ans.value+='7'">
</td>
<td align="center">
<input type="button" value="  8  " name="eight" onClick="document.calculator.ans.value+='8'">
</td>
<td align="center">
<input type="button" value="  9  " name="nine" onClick="document.calculator.ans.value+='9'">
</td>
<td align="center">
<input type="button" value="  /  " name="divide" onClick="document.calculator.ans.value+='/'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  4  " name="four" onClick="document.calculator.ans.value+='4'">
</td>
<td align="center">
<input type="button" value="  5  " name="five" onClick="document.calculator.ans.value+='5'">
</td>
<td align="center">
<input type="button" value="  6  " name="six" onClick="document.calculator.ans.value+='6'">
</td>
<td align="center">
<input type="button" value="  *  " name="multiply" onClick="document.calculator.ans.value+='*'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  1  " name="one" onClick="document.calculator.ans.value+='1'">
</td>
<td align="center">
<input type="button" value="  2  " name="two" onClick="document.calculator.ans.value+='2'">
</td>
<td align="center">
<input type="button" value="  3  " name="three" onClick="document.calculator.ans.value+='3'">
</td>
<td align="center">
<input type="button" value="  -  " name="subtract" onClick="document.calculator.ans.value+='-'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  C  " name="clear" onClick="document.calculator.ans.value=''">
</td>
<td align="center">
<input type="button" value="  0  " name="zero" onClick="document.calculator.ans.value+='0'">
</td>
<td align="center">
<input type="button" value="  .  " name="comma" onClick="document.calculator.ans.value+='.'">
<td align="center">
<input type="button" value="  +  " name="add" onClick="document.calculator.ans.value+='+'">
</td>
<tr>
<td align="center">
<input type="button" value="  MC  " name="memory_clear" onClick="memory_c()">
</td>
<td align="center">
<input type="button" value="  MR  " name="memory_read" onClick="memory_r()">
</td>
<td align="center">
<input type="button" value="  M+  " name="memory_add" onClick="memory_p()">
</td>
</td>
<td align="center">
<input type="button" value="  =  " name="equal" 
 onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
</td>

</tr>
</table>
</form>
</body>
</html>

 

 

Οποιαδήποτε βοήθεια θα μπορούσε να δωθεί θα ήταν ευπρόσδεκτη!

isay Crazy Insomniac

isay

Δημοσ.
Δημοσ.

Καλησπέρα,

έχω μία άσκηση (παιδική) για τη σχολή όπου θα πρέπει να φτιάξω ένα calculator με κάποιες βασικές πράξεις καθώς και με μνήμη με λειτουργίες όπως M+, MR, MC.

Ως εδώ όλα καλά μιας και ,to be honest με λίγες διορθώσεις, copy paste και ρύθμιση από μέρους μας, ο θείος ο γούγλης βοηθάει.

 

Αυτό που δεν μπορώ να κάνω και μου ζητείται είναι να κρατείτε από κάτω, κάποιο log με το τί πράξεις έχει κάνει ο χρήστης έως τώρα. Δλδ κάτω από το calculator θα παίζει κλασσική ατάκα του στυλ : "Ο χρήστης έκανε '3+5' "

"Ο χρήστης έκανε memory add "

"O χρήστης έκανε ..."κτλ κτλ

 

Φαντάζομαι πως θα γίνει με κάποιο div ,αλλά δεν έχω βρει ακόμη το πως.

 

Ως τώρα ο κώδικας έχει ως εξής (χωρίς το κομμάτι με τα logs):

 

 

><html>
<head>
<title>Ασκηση</title>
<script type="text/javascript">

 function memory_p() 
 {
 if (document.calculator.ans.value =='') { return }
 document.calculator.memory.value += '+'+document.calculator.ans.value;
 document.calculator.memory.value=eval(document.calculator.memory.value);
 eqFlag=true;
 document.calculator.mem_win.value=document.calculator.memory.value;
 }
 
 function memory_r() 
 {
 document.calculator.ans.value = document.calculator.memory.value;
 eqFlag=true;
 }

function memory_c() 
 {
 document.calculator.memory.value=0;
 document.calculator.mem_win.value='0';
 }
 
 </script>	
</head>

<body>

<form name="calculator">
<table border="3" cellpadding="1" bordercolor="#3300FF" bgcolor="#000000" cellspacing="1" width="160">
<tr>
<td>
<input type="text" size="23" length="20" value="" name="ans" style="background:beige;color:black;">
</td>
 <td>
 <input type="text" size="4" length="30" value="0" name="mem_win" style="background:beige;color:black;">
 <input type="hidden" size="" length="" value="" name="memory" style="background:beige;color:black;">

  

 </td>
</tr>
</table>

<table border="6" cellpadding="2" bordercolor="#3300FF" cellspacing="2" width="160" bgcolor="#000000">
<tr>
<td align="center">
<input type="button" value="  7  " name="seven" onClick="document.calculator.ans.value+='7'">
</td>
<td align="center">
<input type="button" value="  8  " name="eight" onClick="document.calculator.ans.value+='8'">
</td>
<td align="center">
<input type="button" value="  9  " name="nine" onClick="document.calculator.ans.value+='9'">
</td>
<td align="center">
<input type="button" value="  /  " name="divide" onClick="document.calculator.ans.value+='/'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  4  " name="four" onClick="document.calculator.ans.value+='4'">
</td>
<td align="center">
<input type="button" value="  5  " name="five" onClick="document.calculator.ans.value+='5'">
</td>
<td align="center">
<input type="button" value="  6  " name="six" onClick="document.calculator.ans.value+='6'">
</td>
<td align="center">
<input type="button" value="  *  " name="multiply" onClick="document.calculator.ans.value+='*'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  1  " name="one" onClick="document.calculator.ans.value+='1'">
</td>
<td align="center">
<input type="button" value="  2  " name="two" onClick="document.calculator.ans.value+='2'">
</td>
<td align="center">
<input type="button" value="  3  " name="three" onClick="document.calculator.ans.value+='3'">
</td>
<td align="center">
<input type="button" value="  -  " name="subtract" onClick="document.calculator.ans.value+='-'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  C  " name="clear" onClick="document.calculator.ans.value=''">
</td>
<td align="center">
<input type="button" value="  0  " name="zero" onClick="document.calculator.ans.value+='0'">
</td>
<td align="center">
<input type="button" value="  .  " name="comma" onClick="document.calculator.ans.value+='.'">
<td align="center">
<input type="button" value="  +  " name="add" onClick="document.calculator.ans.value+='+'">
</td>
<tr>
<td align="center">
<input type="button" value="  MC  " name="memory_clear" onClick="memory_c()">
</td>
<td align="center">
<input type="button" value="  MR  " name="memory_read" onClick="memory_r()">
</td>
<td align="center">
<input type="button" value="  M+  " name="memory_add" onClick="memory_p()">
</td>
</td>
<td align="center">
<input type="button" value="  =  " name="equal" 
 onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
</td>

</tr>
</table>
</form>
</body>
</html>

 

 

 

Οποιαδήποτε βοήθεια θα μπορούσε να δωθεί θα ήταν ευπρόσδεκτη!

 

Βασικο log feature. Κανε αλλαγες κατα βούληση.

 

Επισης να φροντίσεις οταν κάνεις νεο υπολογισμό, να καθαρίζει πρώτα το ans χωρις να χρειαζεται να πατήσεις το C)

 

 

 

 

>
<html>
<head>
       <title>Ασκηση</title>
       <script type="text/javascript">
       
 function memory_p() 
 {
 if (document.calculator.ans.value =='') { return }
 document.calculator.memory.value += '+'+document.calculator.ans.value;
 document.calculator.memory.value=eval(document.calculator.memory.value);
 eqFlag=true;
 document.calculator.mem_win.value=document.calculator.memory.value;
 }
 
 function memory_r() 
 {
 document.calculator.ans.value = document.calculator.memory.value;
 eqFlag=true;
 }

function memory_c() 
 {
 document.calculator.memory.value=0;
 document.calculator.mem_win.value='0';
 }
 
function kanecals()
{
document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ipologise '+document.calculator.ans.value+'\n';document.calculator.ans.value=eval(document.calculator.ans.value);
}
 </script>     
</head>

<body>

<form name="calculator" id="calculator">
<table border="3" cellpadding="1" bordercolor="#3300FF" bgcolor="#000000" cellspacing="1" width="160">
<tr>
<td>
<input type="text" size="23" length="20" value="" name="ans" style="background:beige;color:black;">
</td>
 <td>
 <input type="text" size="4" length="30" value="0" name="mem_win" style="background:beige;color:black;">
 <input type="hidden" size="" length="" value="" name="memory" style="background:beige;color:black;">

  

 </td>
</tr>
</table>

<table border="6" cellpadding="2" bordercolor="#3300FF" cellspacing="2" width="160" bgcolor="#000000">
<tr>
<td align="center">
<input type="button" value="  7  " name="seven" onClick="document.calculator.ans.value+='7'">
</td>
<td align="center">
<input type="button" value="  8  " name="eight" onClick="document.calculator.ans.value+='8'">
</td>
<td align="center">
<input type="button" value="  9  " name="nine" onClick="document.calculator.ans.value+='9'">
</td>
<td align="center">
<input type="button" value="  /  " name="divide" onClick="document.calculator.ans.value+='/'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  4  " name="four" onClick="document.calculator.ans.value+='4'">
</td>
<td align="center">
<input type="button" value="  5  " name="five" onClick="document.calculator.ans.value+='5'">
</td>
<td align="center">
<input type="button" value="  6  " name="six" onClick="document.calculator.ans.value+='6'">
</td>
<td align="center">
<input type="button" value="  *  " name="multiply" onClick="document.calculator.ans.value+='*'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  1  " name="one" onClick="document.calculator.ans.value+='1'">
</td>
<td align="center">
<input type="button" value="  2  " name="two" onClick="document.calculator.ans.value+='2'">
</td>
<td align="center">
<input type="button" value="  3  " name="three" onClick="document.calculator.ans.value+='3'">
</td>
<td align="center">
<input type="button" value="  -  " name="subtract" onClick="document.calculator.ans.value+='-'">
</td>
</tr>
<tr>
<td align="center">
<input type="button" value="  C  " name="clear" onClick="document.calculator.ans.value='';document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ekane katharismo C '+'\n';">
</td>
<td align="center">
<input type="button" value="  0  " name="zero" onClick="document.calculator.ans.value+='0'">
</td>
<td align="center">
<input type="button" value="  .  " name="comma" onClick="document.calculator.ans.value+='.'">
<td align="center">
<input type="button" value="  +  " name="add" onClick="document.calculator.ans.value+='+'">
</td>
<tr>
<td align="center">
<input type="button" value="  MC  " name="memory_clear" onClick="memory_c();document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ekane MC '+'\n';">
</td>
<td align="center">
	<input type="button" value="  MR  " name="memory_read" onClick="memory_r();document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ekane MR '+'\n';">
</td>
<td align="center">
	<input type="button" value="  M+  " name="memory_add" onClick="memory_p();document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ekane M+ '+'\n';">
</td>
</td>
<td align="center">
<input type="button" value="  =  " name="equal" onClick="document.calculator.logarea.value=document.calculator.logarea.value+'Xristis ipologise '+document.calculator.ans.value+'\n';document.calculator.ans.value=eval(document.calculator.ans.value);">
</td>

</tr>
</table>

<table border="3" cellpadding="1" bordercolor="#3300FF" bgcolor="#000000" cellspacing="1" width="260">
<tr>
<td>
<textarea name="logarea" id="logarea" rows="20" cols="40" autocomplete="off"></textarea>
</td>

</tr>
</table>

</form>
</body>
</html>

 

 

Kapws Mentor

Kapws

Δημοσ.
  • Μέλος
Δημοσ.

Σε ευχαριστώ πάρα πολύ..!! Δεν μου έκοψε ότι μπορώ να το βγάλω με μία ακόμη function! Ευχαριστώ και πάλι για την άμεση απάντησή σου αλλά και τις παρατηρήσεις σου :)

Kapws Mentor

Kapws

Δημοσ.
  • Μέλος
Δημοσ.

Στον κώδικα δεν χρησιμοποίησα την function. Την ξέχασα όταν έκανα δοκιμές.

 

χαχααχ..είμαι σούπερ όπως και να χει!! :D

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...