Simple way to get value of input field?

Hi @athsche welcome! To be valid HTML, inputs have to be contained inside a form. You also need to make sure to give your input a name. Finally, you want to use a phx-submit on the form because you’re trying to connect the clicking of the button to the submission of the text input.

Here is an example that should work (although I haven’t had a chance to run it myself)

        def render(assigns) do
        ~H"""
            <h1>Chat</h1>
            <form phx-submit="submit">
            <label>Your Text:<input id="msg" type="text" name="text_value" /></label>
            <button>Send</button>
            </form>
            <div id="chat">
                Chat history: <%= @text_value %>
            </div>
            
        """
        end
        
        def handle_event("send-msg", %{"text_value" => msg}, socket) do
            {:noreply, assign(socket, :text_value, msg)}
        end

Thanks very much!
Unfortunately the message is not added to the chat history, i.e. text_value variable. I will try to look into that. But already this has helped my general understanding of the framework a lot.