<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P1-
<span style="background-color:lime;">[[ Στο Επόμενο |p2]]</span>
|custom-text>[ Καλώς ήλθατε!
Το όνομά μου είναι <b>Πυθαγόρας</b>
και έρχομαι από πολύ παλιά ...
Θέλω να σας μιλήσω για τα <b>τρίγωνα</b>
που ήταν πάντα το μεγάλο μου πάθος!
Ας ξεκινήσουμε από τα βασικά:
Για να ορίσω ένα τρίγωνο χρειάζομαι
3 σημεία. Ας τα ονομάσουμε Α, Β και Γ.
Τα σημεία αυτά τα λέμε
<b style="color:red;">κορυφές του τριγώνου</b>:
<img SRC="https://i.ibb.co/cXTc65Bx/triangle-1.png" width="300">
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))
<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P2-
<span style="background-color:lime;">[[ Στο Επόμενο |p3]]</span> <span style="background-color:orange;">[[ QUIZ |p2.1]]</span>
|custom-text>[ Αν ενώσω τις <b style="color:red;">κορυφές του τριγώνου</b>
με ευθύγραμμα τμήματα σχηματίζω
το τρίγωνό μου.
Αυτά τα ευθύγραμμα τμήματα τα λέμε
<b style="color:red;">πλευρές του τριγώνου</b>.
Τις πλευρές συμβολίζουμε με:
ΑΒ ή γ, ΒΓ ή α και ΑΓ ή β
όπως φαίνεται στο σχήμα:
<img SRC="https://i.ibb.co/8LtpHFjd/triangle-1b.png" width="300">
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P3-
<span style="background-color:lime;">[[ Στο Επόμενο |p4]]</span>
|custom-text>[ Αν προσέξεις τώρα σε κάθε κορυφή
του τριγώνου σχηματίζεται
και από μια <b style="color:red;">γωνία</b>.
Έτσι πήρε το σχήμα
το όνομά του: <b style="color:red;">Τρίγωνο</b>!
Τις γωνίες τις ονομάζω:
<img SRC="https://i.ibb.co/kgrLvPtD/triangle-1c.png" width="350">
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q2.1-
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/Q3Wmy9Jb/triangle1b-QUIZ.png" width="300">
Με ποιο γράμμα συμβολίζεται η πλευρά ΔΕ στο τρίγωνο ΔΕΖ;
<input type="radio" id="option1" name="mcq" value="α"> <label for="option1">α</label>
<input type="radio" id="option2" name="mcq" value="β"> <label for="option2">β</label>
<input type="radio" id="option3" name="mcq" value="ζ"> <label for="option3">ζ</label>
<input type="radio" id="option4" name="mcq" value="θ"> <label for="option4">θ</label><br>
<input type="button" value="Υποβολή" onclick=" // Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === 'ζ') { resultText = '✅ Σωστό! Μπράβο!'; }
else { resultText = '❌ Λάθος: (' + selectedValue + ') - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))
<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P4-
<span style="background-color:lime;">[[ Στο Επόμενο |p5]]</span> <span style="background-color:orange;">[[ QUIZ |p4.1]]</span>
|custom-text>[ <iframe scrolling="no" title="τρίγωνο_4" src="https://www.geogebra.org/material/iframe/id/detafbsq/width/666/height/439/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/true/rc/false/ld/false/sdz/true/ctl/false" width="666px" height="439px" style="border:0px;"> </iframe>
Το ήξερες ότι το άθροισμα των γωνιών
ενός τριγώνου είναι <b style="color:red;"> 180 μοίρες </b>;
Μετακίνησε τις κορυφές στο παραπάνω τρίγωνο
και επιβεβαίωσε το.
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P5-
<span style="background-color:lime;">[[ Στο Επόμενο |p6]]</span>
|custom-text>[ Μια ξεχωριστή περίπτωση τριγώνου
είναι το <b style="color:red;"> ορθογώνιο τρίγωνο </b>.
Αυτό το τρίγωνο έχει μια <b style="color:red;"> ορθή γωνία </b>
δηλαδή μία γωνία <b style="color:red;"> 90 μοιρών</b> .
Οι πλευρές ΑΒ και ΑΓ λέγονται
<b style="color:red;">προσκείμενες κάθετες</b>
ενώ η πλευρά ΒΓ απέναντι
από την ορθή γωνία
ονομάζεται <b style="color:red;">υποτείνουσα</b> .
Δοκίμασε να μετακινήσεις στο σχήμα
τις κορυφές Β και Γ:
<iframe scrolling="no" title="τρίγωνο_5" src="https://www.geogebra.org/material/iframe/id/r42ndrup/width/437/height/396/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/true/rc/false/ld/false/sdz/true/ctl/false" width="437px" height="396px" style="border:0px;"> </iframe>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q4.1-
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/KpkX7kNf/triangle1d-QUIZ.png" width="500">
Πόσες μοίρες είναι η γωνία Α
στο τρίγωνο ΑΒΓ;
<input type="radio" id="option1" name="mcq" value="38"> <label for="option1">38°</label>
<input type="radio" id="option2" name="mcq" value="41"> <label for="option2">41°</label>
<input type="radio" id="option3" name="mcq" value="49"> <label for="option3">49°</label>
<input type="radio" id="option4" name="mcq" value="39"> <label for="option4">39°</label><br>
<input type="button" value="Υποβολή" onclick=" // Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === '49') { resultText = '✅ Σωστό! Μπράβο! \n ( γωνία Α=180°-100°-31°) '; }
else { resultText = '❌ Λάθος: (' + selectedValue + '°) - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P6-
<span style="background-color:lime;">[[ Στο Επόμενο |p7]]</span>
|custom-text>[ Στο ορθογώνιο τρίγωνο ΑΒΓ του σχήματος, σύγκρινε το εμβαδό
που σχηματίζει το τετράγωνο της <b style="color:red;">υποτείνουσας</b> με το άθροισμα
των εμβαδών των τετραγώνων που σχηματίζονται από τις 2 <b style="color:red;">προσκείμενες</b>:
<iframe scrolling="no" title="Πυθαγόρειο Θεώρημα" src="https://www.geogebra.org/material/iframe/id/pfmg543m/width/981/height/812/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/true/rc/false/ld/false/sdz/true/ctl/false" width="981px" height="812px" style="border:0px;"> </iframe>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 400px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-QUIZ"); // Remove the QUIZ class
document.querySelector("tw-story").classList.add("passage-MAIN"); // Add MAIN class
</script>
-P7-
<span style="background-color:orange;">[[ QUIZ#1 |p7.1]]</span> <span style="background-color:orange;">[[ QUIZ#2 |p7.2]]</span>
<span style="background-color:orange;">[[ QUIZ#3 |p7.3]]</span> <span style="background-color:orange;">[[ QUIZ#4 |p7.4]]</span>
|custom-text>[ Να λοιπόν το περίφημο θεώρημα που πήρε
το όνομά μου: το <b style="color:red;"> Πυθαγόρειο Θεώρημα </b> !
<b style="background: cyan;">Το άθροισμα των τετραγώνων των προσκείμενων πλευρών
ενός ορθογωνίου τριγώνου ισούται με το τετράγωνο της υποτείνουσας.</b>
<iframe scrolling="no" title="Τρίγωνο_7" src="https://www.geogebra.org/material/iframe/id/gfv3deut/width/1039/height/725/border/888888/sfsb/true/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/true/rc/false/ld/false/sdz/true/ctl/false" width="1039px" height="725px" style="border:0px;"> </iframe>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q7.1-
<br><br><br><br><br>
<br><br><br><br><br>
<input type="number" id="input1" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval1 = document.getElementById("input1").value;
var result = Math.pow(inval1,2) ;
document.getElementById("output1").innerHTML = result;
'> <span id="output1"> </span>
<input type="number" id="input2" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval2 = document.getElementById("input2").value;
var result = Math.pow(inval2,2) ;
document.getElementById("output2").innerHTML = result;
'> <span id="output2"> </span>
<input type="number" id="input3" style="width:70px; background-color:yellow;"> + <input type="number" id="input4" style="width:70px; background-color:yellow;"> <input type="button" value="(άθροισμα)="
onclick='
var inval3 = document.getElementById("input3").value;
var inval4 = document.getElementById("input4").value;
var result = Number(inval3) + Number(inval4);
document.getElementById("output34").innerHTML = result;
'> <span id="output34"> </span>
<input type="number" id="input5" style="width:70px; background-color:yellow;"> <input type="button" value="(ρίζα)="
onclick='
var inval5 = document.getElementById("input5").value;
var result = Math.round(Math.sqrt(inval5)) ;
document.getElementById("output5").innerHTML = result;
'> <span id="output5"> </span>
<img SRC="" width="400" id="imgANS">
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/6RbBPNYr/pyramid-QUIZ.jpg" width="500">
Αν θέλουμε να σκαρφαλώσουμε στην Μεγάλη
Πυραμίδα της Γκίζας στην Αίγυπτο
πόσα μέτρα θα ανεβούμε έως την κορυφή;
<input type="radio" id="option1" name="mcq" value="137"> <label for="option1">137 m</label>
<input type="radio" id="option2" name="mcq" value="201"> <label for="option2">201 m</label>
<input type="radio" id="option3" name="mcq" value="181"> <label for="option3">181 m</label>
<input type="radio" id="option4" name="mcq" value="192"> <label for="option4">192 m</label><br>
<input type="button" value="Υποβολή" onclick="
// Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === '181') { resultText = '✅ Σωστό! Μπράβο!' ;
document.getElementById('imgANS').src='https://i.ibb.co/FkztTHBD/pyramid-QUIZ-ANS.jpg'
}
else { resultText = '❌ Λάθος: (' + selectedValue + ') - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q7.2-
<br><br><br><br><br>
<br><br><br><br><br>
<input type="number" id="input1" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval1 = document.getElementById("input1").value;
var result = Math.pow(inval1,2) ;
document.getElementById("output1").innerHTML = result;
'> <span id="output1"> </span>
<input type="number" id="input2" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval2 = document.getElementById("input2").value;
var result = Math.pow(inval2,2) ;
document.getElementById("output2").innerHTML = result;
'> <span id="output2"> </span>
<input type="number" id="input3" style="width:70px; background-color:yellow;"> + <input type="number" id="input4" style="width:70px; background-color:yellow;"> <input type="button" value="(άθροισμα)="
onclick='
var inval3 = document.getElementById("input3").value;
var inval4 = document.getElementById("input4").value;
var result = Number(inval3) + Number(inval4);
document.getElementById("output34").innerHTML = result;
'> <span id="output34"> </span>
<input type="number" id="input5" style="width:70px; background-color:yellow;"> <input type="button" value="(ρίζα)="
onclick='
var inval5 = document.getElementById("input5").value;
var result = Math.round(Math.sqrt(inval5)) ;
document.getElementById("output5").innerHTML = result;
'> <span id="output5"> </span>
<img SRC="" width="400" id="imgANS">
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/HD4wqH7c/stairs7-QUIZ.jpg" width="500">
Η σκάλα της εικόνας αποτελείται από 2 ίδια
τμήματα με τις διαστάσεις που φαίνονται.
Πόσο είναι το συνολικό μήκος της ;
<input type="radio" id="option1" name="mcq" value="5"> <label for="option1">5 m</label>
<input type="radio" id="option2" name="mcq" value="10"> <label for="option2">10 m</label>
<input type="radio" id="option3" name="mcq" value="15"> <label for="option3">15 m</label>
<input type="radio" id="option4" name="mcq" value="20"> <label for="option4">20 m</label><br>
<input type="button" value="Υποβολή" onclick="
// Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === '10') { resultText = '✅ Σωστό! Μπράβο!' ;
document.getElementById('imgANS').src='https://i.ibb.co/N2QqM4h8/stairs7-QUIZ-ANS.jpg'
}
else { resultText = '❌ Λάθος: (' + selectedValue + ') - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q7.3-
<br><br><br><br><br>
<br><br><br><br><br>
<input type="number" id="input1" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval1 = document.getElementById("input1").value;
var result = Math.pow(inval1,2) ;
document.getElementById("output1").innerHTML = result;
'> <span id="output1"> </span>
<input type="number" id="input2" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval2 = document.getElementById("input2").value;
var result = Math.pow(inval2,2) ;
document.getElementById("output2").innerHTML = result;
'> <span id="output2"> </span>
<input type="number" id="input3" style="width:70px; background-color:yellow;"> - <input type="number" id="input4" style="width:70px; background-color:yellow;"> <input type="button" value="(διαφορά)="
onclick='
var inval3 = document.getElementById("input3").value;
var inval4 = document.getElementById("input4").value;
var result = Number(inval3) - Number(inval4);
document.getElementById("output34").innerHTML = result;
'> <span id="output34"> </span>
<input type="number" id="input5" style="width:70px; background-color:yellow;"> <input type="button" value="(ρίζα)="
onclick='
var inval5 = document.getElementById("input5").value;
var result = Math.round(Math.sqrt(inval5)) ;
document.getElementById("output5").innerHTML = result;
'> <span id="output5"> </span>
<img SRC="" width="300" id="imgANS">
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/8LMy2psy/sailing-boat7.jpg" width="500">
Μπορείς να υπολογίσεις το ύψος
από το κατάρτι του ιστιοφόρου
της εικόνας; Ο τύπος τώρα είναι:
<b style="color:red;">(ΑΓ)² = (ΒΓ)² - (ΑΒ)²</b>
<input type="radio" id="option1" name="mcq" value="15"> <label for="option1">15 m</label>
<input type="radio" id="option2" name="mcq" value="16"> <label for="option2">16 m</label>
<input type="radio" id="option3" name="mcq" value="18"> <label for="option3">18 m</label>
<input type="radio" id="option4" name="mcq" value="21"> <label for="option4">21 m</label><br>
<input type="button" value="Υποβολή" onclick="
// Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === '18') { resultText = '✅ Σωστό! Μπράβο!' ;
document.getElementById('imgANS').src='https://i.ibb.co/5XKW80S9/sailing-boat7-QUIZ.jpg'
}
else { resultText = '❌ Λάθος: (' + selectedValue + ') - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))<script>
document.querySelector("tw-story").classList.remove("passage-MAIN"); // Remove the MAIN class
document.querySelector("tw-story").classList.add("passage-QUIZ"); // Add QUIZ class
</script>
-Q7.4-
<br><br><br><br><br>
<br><br><br><br><br>
<input type="number" id="input1" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval1 = document.getElementById("input1").value;
var result = Math.pow(inval1,2) ;
document.getElementById("output1").innerHTML = result;
'> <span id="output1"> </span>
<input type="number" id="input2" style="width:70px; background-color:yellow;"> <input type="button" value="(τετράγωνο)="
onclick='
var inval2 = document.getElementById("input2").value;
var result = Math.pow(inval2,2) ;
document.getElementById("output2").innerHTML = result;
'> <span id="output2"> </span>
<input type="number" id="input3" style="width:70px; background-color:yellow;"> + <input type="number" id="input4" style="width:70px; background-color:yellow;"> <input type="button" value="(άθροισμα)="
onclick='
var inval3 = document.getElementById("input3").value;
var inval4 = document.getElementById("input4").value;
var result = Number(inval3) + Number(inval4);
document.getElementById("output34").innerHTML = result;
'> <span id="output34"> </span>
<input type="number" id="input5" style="width:70px; background-color:yellow;"> <input type="button" value="(ρίζα)="
onclick='
var inval5 = document.getElementById("input5").value;
var result = Math.round(Math.sqrt(inval5)) ;
document.getElementById("output5").innerHTML = result;
'> <span id="output5"> </span>
<img SRC="" width="500" id="imgANS">
|custom-text>[ <form id="mcqForm"> <!-- Δημιουργία της φόρμας με ραδιοκουμπιά -->
<img SRC="https://i.ibb.co/nsYKv90j/icline40.jpg" width="600">
Το "40%" στην πινακίδα σημαίνει ότι
η ανηφόρα έχει κλίση 40%, δηλαδή
για κάθε 100 μέτρα οριζόντιας απόστασης,
το ύψος αυξάνεται κατά 40 μέτρα
Πόση είναι η απόσταση ΒΓ που θα
διανύσει το όχημα στο σχήμα;
<input type="radio" id="option1" name="mcq" value="1177"> <label for="option1">1177 m</label>
<input type="radio" id="option2" name="mcq" value="1077"> <label for="option2">1077 m</label>
<input type="radio" id="option3" name="mcq" value="977"> <label for="option3">977 m</label>
<input type="radio" id="option4" name="mcq" value="2177"> <label for="option4">2177 m</label><br>
<input type="button" value="Υποβολή" onclick="
// Κώδικας για την επεξεργασία της απάντησης
var options = document.getElementsByName('mcq');
var selectedValue;
for (var i = 0; i < options.length; i++) { if (options[i].checked) { selectedValue = options[i].value; break; } }
var resultText;
if (selectedValue === '1077') { resultText = '✅ Σωστό! Μπράβο!' ;
document.getElementById('imgANS').src='https://i.ibb.co/fGXJCMhx/icline40-QUIZ-ANS.jpg'
}
else { resultText = '❌ Λάθος: (' + selectedValue + ') - Προσπάθησε ξανά.'; }
document.getElementById('result').innerText = resultText;
">
</form> <p id="result"></p>
]
(enchant: ?custom-text,
(css: "position: absolute;
top: 10px;
left: 500px;
color: navy;
text-align: center;"))