Alternative für Trinket?

Hallo Leute, ich baue gerade eine Website für meine Facharbeit mit HTML, CSS und JavaScript. Auf der Website soll 1 Python Programm gezeigt werden (also der Code) und es soll eine Konsole geben, mit der man das Programm ausführen kann und wenn nötig (also das Programm fragt den Nutzer etwas einzugeben um dann spezielle Berechnungen zu tätigen) etwas eingeben kann. Gibt es einer Möglichkeit dies direkt mit HTML, CSS und JavaScript zu erstellen, oder braucht man da direkt ein Programm wie Trinket, dessen Code man dann einbetten kann. Wenn ja, gibt es andere solche Tools. Oder wie würde sowas dann funktionieren, wenn man es direkt programmiert?

Vielen Dank an alle, die sich für diese Frage Zeit nehmen!

LG Melleo

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

06.01.2024, 16:04

Ja, da gibt es auch andere Alternativen. Jupyter Notebook und Brython beispielsweise oder (einfacher/schneller), man nutzt die Share-/Embedding-Funktion von Online-Tools wie OnlineGDB oder Programiz Pro IDE.

Gibt es einer Möglichkeit dies direkt mit HTML, CSS und JavaScript zu erstellen (...)

Auf jeden Fall ist es ziemlich aufwendig, wenn man nicht auf bestehende Lösungen für zumindest bestimmte Teilprobleme zurückgreift. Ich denke da zuerst an die Darstellung des Code-Editors, bei dem eine Bibliothek wie highlightjs oder prism.js ganz nützlich wäre.

Für die Ausführung würden mir nun zwei Wege einfallen. Entweder du integrierst eine Bibliothek wie Brython, JSPython, PyScript und schaust, wie du den Code mit JavaScript an deren Interpreter weitergeben kannst oder du baust dir eine serverseitige Anwendung, der du den Code via AJAX-Request zuschickst, damit sie ihn an einen Python-Interpreter weiterleiten kann. Die Antwort würde dementsprechend über den Response Body zurück an den Browser geschickt werden.

Bei ersterem Weg kannst du leicht auf Einschränkungen wie noch nicht integrierte Python-Features oder Instabilitäten/Bugs stoßen. Bei letzterem Weg bräuchtest du definitiv Sicherheitsmaßnahmen, die verhindern, dass schädlicher Code ausgeführt werden kann, welcher beispielsweise die Serveranwendung blockiert, für einen Absturz sorgt, o.ä..

SusgUY446

06.01.2024, 15:48

Https://Pyscript.net

Damit kann man Python im browser ausführen

Woher ich das weiß:Hobby – hobby programmierer seit 2020

Melleo007

Beitragsersteller

06.01.2024, 15:53

Also funktioniert es genau wie Trinket?

SusgUY446

06.01.2024, 16:13

@Melleo007

Da ich nicht weiß was das ist kann ich dir das nicht sagen.

Ähnliche Beiträge

Wie kann man in einer HTML-Website den Übersetzer ausschalten?

Ich habe eine eigene Website mit HTML, CSS und JavaScript programmiert und ich habe ein paar englische Wörter, die ich nicht Übersetzen möchte, sondern in Originalform stehenlassen möchte. Wie kann man das programmieren.

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Wann bin ich fertig mit HTML und CSS?

Hallo,

Ich lerne schon seit einiger Zeit HTML und CSS, und habe schon einige etwas größere websiten erstellt (also die grafische Oberfläche). Ich wollte auch bald mit Javascript anfangen, aber man sollte ja erst mit einer anderen Sprache anfangen, wenn mann die erste gut kann, aber ich weiß nicht wann ich bereit bin.

Meine Frage: Was muss ich alles in HTML und CSS können, um mit Javascript anzufangen?

Danke:)

...zum Beitrag

Javascript, html und css?

Ich habe jetzt mit programmieren angefangen, und um genauer zu sein mit Javascript. Ich weiß jetzt dass man Javascript, HTML und css zusammen kombinieren kann. Ich weiß aber immer noch nicht wie das gehen kann. Haben alle nicht verschiebe Codes oder wie ist es genau zu verstehen ?

...zum Beitrag

Welches Programm zum programmieren?

Hallo zusammen,
ich wollte mich mal erkundigen, welches Programm ihr zum Code schreiben verwendet.
Derzeit nutze ich nur die Spielwiesen der Programme, mit welchen ich das coden lerne. Allerdings hätte ich ganz gerne auch schon einmal ein richtigen Code-Editior, mit welchem ich dann in der Zukunft arbeiten kann.
Ich suche einen gutes Tool, zum hauptsächlichen bearbeiten von HTML, CSS & JavaScript.
Wenn das Programm zeitgleich noch die Möglichkeit bietet, Python und Java zu programmieren, wäre das umso besser.
Ich freue mich auf eure Empfehlungen und wünsche allen einen schönen Sonntag!
Mfg
Luis

...zum Beitrag

Wie sollte ich mein Blog System für meine Website machen?

Ich mache momentan mit html, css und javascript eine Website mit einem Blog.

Wie sollte ich das System machen? Sollte ich keine Funktion machen um Beiträge zu erstellen und alles in einem Javascript system erstellen lassen, im Code direkt. Oder eine Page wo ich Beiträge erstellen kann, nur so falls es wichtig ist, es ist ein System mit mehreren Seiten.

Wie folgt auf gebaut: Hauptseite mit Kategorien -> In der Kategorie sind die Beiträge zur Kategorie.

Also sind noch 3 Seiten vor den Beiträgen.

...zum Beitrag

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

Website programmieren?

Moin moin,

Ich habe mich mal wieder ans programmieren gewagt und bin dabei meine eigene Website zu coden. HTML, JavaScript, CSS sind die Programmiersprachen. Ich frage mich jetzt nur, wie ich die Sprachen zusammenfügen kann zu einer Website. Von mir aus könnt ihr auch irgendeinen Hoster nennen. Hauptsache ich kann da selber coden und habe nicht irgendeinen Websitebaukasten. Der Preis ist egal.

Euch allen noch einen wunderschönen Abend :)

...zum Beitrag

Wie habt ihr Programmieren gelernt?

Ich habe es mir durch Internettutorials beigebracht, insbesondere durch welche auf YouTube. Ich habe mit vielen Sprachen gleichzeitig (Java, JavaScript, HTML, CSS Tailwind und Python) gestartet, nach etwa einem Jahr konnte ich dann auch schon die ersten bezahlten Aufträge erstellen (zuerst nur eine Website für meine Mutter, dann auch och für andere Leute). Ich hatte auch immer mehrere Projekte gleichzeitig laufen, allerdings habe ich auch immer darauf geachtet, dass ich alle abschließe.

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zum Beitrag

Website vergrößern Html/ Css?

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

...zum Beitrag

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zum Beitrag

Welche Programmiersprache(n) nach HTML, CSS, Javascript?

Ich weiß HTML, CSS sind keine aber welche Programmiersprachen sollte man nach Javascript lernen mein Bereich wäre momentan zum Start Webseiten (Webanwendungen) sowie Apps.

...zum Beitrag

Kann man bei webgo seinen eigenen HTML Code einfügen?

Ich habe meine eigene Website mit HTML, CSS und javaScript erstellt. Jetzt will ich sie hosten lassen. Bei Strato geht das nicht. Ich bin jetzt bei meiner Suche auf auf WebGo gestoßen. Geht das dort.

Gerne auch weitere Vorschläge wo dies möglich ist.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen