39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
Mit dem folgenden Applet kann man beide Halbperioden getrennt anschauen.<br><br>
|
|
|
|
<html>
|
|
<script src="https://www.50ohm.de/assets/jquery/3.7.1/jquery.min.js"></script>
|
|
<script src="https://www.50ohm.de/assets/chartjs/4.4.1/chart.min.js"></script>
|
|
|
|
<button id="button0">Keine Aktion</button>
|
|
<button id="button1">1. Halbperiode</button>
|
|
<button id="button2">2. Halbperiode</button>
|
|
|
|
<img id="GR1" width="100%"/>
|
|
|
|
<script>
|
|
const image = [
|
|
"https://50ohm.de/pictures/962.svg",
|
|
"https://50ohm.de/pictures/963.svg",
|
|
"https://50ohm.de/pictures/964.svg",
|
|
];
|
|
|
|
document.getElementById('button0').addEventListener('click', function() {
|
|
cycle(0);
|
|
});
|
|
|
|
document.getElementById('button1').addEventListener('click', function() {
|
|
cycle(1);
|
|
});
|
|
|
|
document.getElementById('button2').addEventListener('click', function() {
|
|
cycle(2);
|
|
});
|
|
|
|
function cycle(index = 0) {
|
|
document.querySelector('#GR1').src = image[index];
|
|
}
|
|
|
|
cycle(0);
|
|
|
|
</script>
|
|
</html> |