Hallo zusammen,
ich bin neu hier und bräuchte eure Hilfe. Ich bin noch ein blutiger Anfänger im Bereich HTML, CSS und Javascript.
Ich möchte einen Text aus einer Texteingabe in einem Textausgabefeld anzeigen lassen und dass ohne Alert.
Ich habe nur keine Ideen mehr wie das Javascript dazu aussehen könnte.
Das ist mein HTML Code
<!DOCTYPE html>
<link rel="stylesheet" href="style.css">
<div class="Webview">
<div class="message_container" id="myForm" ></div>
<form class="send_container">
<input type="text">
<button type="submit">
</form>
<output id="output" for="text">
<script src="js/script.js"></script>
</div>
Das ist mein CSS Code
@charset "UTF-8";
.Webview{
height: 400px;
width: 300px;
}
.message_container{
height: 80%;
width: 100%;
border:5px solid green;
}
.send_container{
height: 20;
width: 100%;
}
.send_container input{
width: 70%;
height:20%
border-color: #1CE615;
}
.send_container button{
height: 20%;
width: 20%;
}Und das ist mein erster Versuch vom Javascript
function add(text){
document.getElementById("myForm").value=document.getElementById("myForm").value + text;
}Das funktioniert nicht. Kann mir einer weiterhelfen wie das Javascript aussehen könnte? Wie das ganze aussieht momentan hab ich in dem Dateianhang dargestellt. Am Ende soll es ein Chatfenster werden mit Bubbles etc.
Vielen Dank für eure Hilfe.
Viele Grüße 