Bild durch Texteingabe anzeigen?
Ich habe seit ner Weile nichts mehr mit Java etc. gemacht und um mich wieder reinzufuchsen, habe ich ein altes Projekt aus der Schule ausgegraben. Nichts großes nur ne Art Kinoreservierungsprogramm dass ne Telefonresevierung simulieren soll, also führt mit mit dem Programm quasi ne Unterhaltung.
Ich habe jetzt folgendes Problem und zwar möchte ich, dass bei einer bestimmten Antwort eine Grafik angezeigt wird, ich habe auch schon gesucht aber nicht passendes gefunden ^^'
Der hier verwendete Code
<style>
body{
height:800px;
}
#Chat{
width:300px;
height:300px;
border:2px solid black;
overflow:auto;
}
</style>
<body>
<h1>Kino-Onlinereservierung </h1>
<button type="button" onClick="NeuesGespraech()">
Neues Gespräch</button> <br><br>
Ihre Antwort:
<input type='Text' id="Antwort" name='Antwort' value='' size='80' maxlength=''>
<button type="button" onClick="NeueAntwort();">Antwort abschicken</button> <br>
<br>
<div id="Chat" name="Chat">
</div>
</body>
<script>
var Gespraech = "";
var AnzahlKarten=0;
var AnzahlKarten_ermaessigt=-1;
var Filmname="";
var Gesamtpreis=0;
var RestkartenAvatar=20;
var RestkartenInception=120;
var CtrlNr=0;
var ResNr=0;
var ParkPl=100;
var PaResNr=149;
function NeuesGespraech() {
AnzahlKarten=0;
AnzahlKarten_ermaessigt=-1;
Filmname="";
Gesamtpreis=0;
CtrlNr=0;
if (RestkartenInception>0 && RestkartenAvatar>0)
{
Gespraech= "Willkommen im HHS-Kinopalast! Welchen Film möchten Sie sehen? Heute laufen Avatar und Inception.";
}
else if (RestkartenAvatar<=0 && RestkartenInception>0)
{
Gespraech= "Willkommen im HHS-Kinopalast! Welchen Film möchten Sie sehen? Heute laufen Avatar und Inception.";
Gespraech= Gespraech+"<br>"+"Leider ist Avatar schon ausverkauft!";
}
else if (RestkartenAvatar>0 && RestkartenInception<=0)
{
Gespraech= "Willkommen im HHS-Kinopalast! Welchen Film möchten Sie sehen? Heute laufen Avatar und Inception.";
Gespraech= Gespraech+"<br>"+"Leider ist Inception schon ausverkauft!";
}
else if (RestkartenAvatar<=0 && RestkartenInception<=0)
{
Gespraech= "Willkommen im HHS-Kinopalast! Welchen Film möchten Sie sehen? Heute laufen Avatar und Inception.";
Gespraech= Gespraech+"<br>"+"Leider sind alle Filme schon ausverkauft!";
}
document.getElementById('Chat').innerHTML=Gespraech
document.getElementById('Antwort').value='';
}
function NeueAntwort() {
Antwort=document.getElementById('Antwort').value;
Gespraech=Gespraech+"<br>"+"Kunde: "+Antwort;
if (Filmname=="" && Antwort.toLowerCase().indexOf("av")>-1 && RestkartenAvatar>0)
{
Filmname="Avatar";
Gespraech= Gespraech+"<br>"+"Sie möchten also "+Filmname+" sehen.";
if (RestkartenAvatar<=0 && RestkartenInception>0)
{
Gespraech= Gespraech+"<br>"+"Leider ist Avatar schon ausverkauft! Es sind aber noch "+RestkartenInception+" Karten für Inception verfügbar. Möchten sie stattdessen Inception sehen?";
} /* folge frage wollen sie stattdessen den film sehen */
}
else if (Filmname=="" && Antwort.toLowerCase().indexOf("inc")>-1 && RestkartenInception>0)
{
Filmname="Inception";
Gespraech= Gespraech+"<br>"+"Sie möchten also "+Filmname+" sehen.";
}
if (Filmname=="Avatar" && AnzahlKarten==0 && document.getElementById('Antwort').value == parseInt(document.getElementById('Antwort').value) && RestkartenAvatar>=parseInt(document.getElementById('Antwort').value) )
{
AnzahlKarten=document.getElementById('Antwort').value;
RestkartenAvatar=RestkartenAvatar-AnzahlKarten;
Gespraech= Gespraech+"<br>"+"Sie möchten also "+document.getElementById('Antwort').value+" Karten für Avatar.";
document.getElementById('Antwort').value='';
}
else if (Filmname=="Inception" && AnzahlKarten==0 && document.getElementById('Antwort').value == parseInt(document.getElementById('Antwort').value) && RestkartenInception>=parseInt(document.getElementById('Antwort').value) )
{
AnzahlKarten=document.getElementById('Antwort').value;
RestkartenInception=RestkartenInception-AnzahlKarten;
Gespraech= Gespraech+"<br>"+"Sie möchten also "+document.getElementById('Antwort').value+" Karten für Inception.";
document.getElementById('Antwort').value='';
}
else if (Filmname=="Avatar" && AnzahlKarten==0 && document.getElementById('Antwort').value == parseInt(document.getElementById('Antwort').value) && RestkartenAvatar< parseInt(document.getElementById('Antwort').value) )
{
Gespraech= Gespraech+"<br>"+"Wir haben nur noch "+RestkartenAvatar+" Karten für Avatar. Wieviele möchten Sie bestellen?";
}
else if (Filmname=="Inception" && AnzahlKarten==0 && document.getElementById('Antwort').value == parseInt(document.getElementById('Antwort').value) && RestkartenInception< parseInt(document.getElementById('Antwort').value) )
{
Gespraech= Gespraech+"<br>"+"Wir haben nur noch "+RestkartenInception+" Karten für Inception. Wieviele möchten Sie bestellen?";
}
else if (Filmname!="" && AnzahlKarten==0)
{
Gespraech= Gespraech+"<br>"+"Wie viele Karten möchten Sie bestellen?";
}
if (Filmname!="" && AnzahlKarten>0 && AnzahlKarten_ermaessigt<0 && document.getElementById('Antwort').value== parseInt(document.getElementById('Antwort').value) )
{
AnzahlKarten_ermaessigt=document.getElementById('Chat').value;
Gespraech= Gespraech+"<br>"+"Sie möchten "+document.getElementById('Antwort').value+" ermäsigte Karten.";
}
else if (Filmname!="" && AnzahlKarten>0 && AnzahlKarten_ermaessigt<=-1 )
{
Gespraech= Gespraech+"<br>"+"Schüler, Studenten und Rentner erhalten eine Ermäßigung. Wie viele ermäsigte Karten sind dabei?";
}
document.getElementById('Antwort').value='';
if (Filmname!="" && AnzahlKarten>0 && AnzahlKarten_ermaessigt> -1 && CtrlNr==0)
{
AnzahlKarten_normal=AnzahlKarten-AnzahlKarten_ermaessigt;
if (Filmname!="" && AnzahlKarten>0 && AnzahlKarten_ermaessigt>0 && AnzahlKarten_normal>0)
{
Gesamtpreis=AnzahlKarten_normal*6+AnzahlKarten_ermaessigt*4 ;
ResNr++;
Gespraech= Gespraech+"<br>"+"Wir haben "+AnzahlKarten_normal+" normale Karten und "+AnzahlKarten_ermaessigt+" ermäsigte Karten für "+Filmname+" zurückgelegt.";
Gespraech= Gespraech+"<br>"+"Der Gesamtpreis beträgt "+Gesamtpreis+" Euro.";
Gespraech= Gespraech+"<br>"+"Ihre Reservierungsnummer lautet "+ResNr+" .";
Gespraech= Gespraech+"<br>"+"Bitte holen sie spätestens 30 Minuten vor Filmbeginn ihre Karten mit der Reservierungsnummer ab und bringen sie einen Ermäßigungsnachweis mit.";
}
else if (Filmname!="" && AnzahlKarten>0 && AnzahlKarten_ermaessigt==0)
{
Gesamtpreis=AnzahlKarten*6;
ResNr++;
Gespraech= Gespraech+"<br>"+"Wir haben "+AnzahlKarten+" Karten für "+Filmname+" zurückgelegt.";
Gespraech= Gespraech+"<br>"+"Der Gesamtpreis beträgt "+Gesamtpreis+" Euro.";
Gespraech= Gespraech+"<br>"+"Ihre Reservierungsnummer lautet "+ResNr+" .";
Gespraech= Gespraech+"<br>"+"Bitte holen sie spätestens 30 Minuten vor Filmbeginn ihre Karten mit der Reservierungsnummer ab.";
}
else if (Filmname!="" && AnzahlKarten_normal==0 && AnzahlKarten_ermaessigt>0)
{
Gesamtpreis=AnzahlKarten_ermaessigt*4 ;
ResNr++;
Gespraech= Gespraech+"<br>"+"Wir haben "+AnzahlKarten_ermaessigt+" ermäsigte Karten für "+Filmname+" zurückgelegt.";
Gespraech= Gespraech+"<br>"+"Der Gesamtpreis beträgt "+Gesamtpreis+" Euro.";
Gespraech= Gespraech+"<br>"+"Ihre Reservierungsnummer lautet "+ResNr+" .";
Gespraech= Gespraech+"<br>"+"Bitte holen sie spätestens 30 Minuten vor Filmbeginn ihre Karten mit der Reservierungsnummer ab und bringen sie einen Ermäigungsnachweis mit.";
}
}
Gespraech= Gespraech+"<br>"+"Die Kontrollnummer is "+CtrlNr+" Juhu.";
document.getElementById('Antwort').value='';
if (ParkPl>0 && Gesamtpreis>0 && CtrlNr==0)
{
CtrlNr++;
Gespraech= Gespraech+"<br>"+"Unser Kino hat noch ein Parkdeck, auf diesem sind noch "+ParkPl+" Parkplätze verfügbar. Ein Parkplatz kostet 2 Euro.";
Gespraech= Gespraech+"<br>"+"Benötigen sie einen Parkplatz?" ;
}
var bild='<img src="http://www.bildagentur-illustrationen.de/wp-content/uploads/2010/08/auto-rot-illustration.jpg" width="111" height="111">';
if (Antwort.toLowerCase().indexOf("ja")>-1)
{
ParkPl--;
PaResNr++;
Gesamtpreis2=Gesamtpreis+2;
Gespraech= Gespraech+"<br>"+"Ok, wir haben ihnen den Parkplatz Nummer "+PaResNr+" reserviert dadurch steigt der Gesamtpreis auf "+Gesamtpreis2+" Euro."+bild+"";
Gespraech= Gespraech+"<br>"+"Wir wünschen ihnen viel Spaß beim Film!";
}
else if (Antwort.toLowerCase().indexOf("nein")>-1 || Antwort.toLowerCase().indexOf("kein")>-1)
{
Gespraech= Gespraech+"<br>"+"Wir wünschen ihnen viel Spaß beim Film!";
}
document.getElementById('Chat').innerHTML=Gespraech;
document.getElementById('Antwort').value='';
}
</script>