ruby on rails フォーム 送信できていない 読み込めない アラートが出ない

Question

https://techtechmedia.com/action-cable-rails6/

仕様環境
windows10home
rails 6.0

railsについての質問です。
上記サイトのそのまま作ってrailsを学んでいるのですがこのまま動かしても”挙動確認1”がうまくいきません。アラートが出ない状態です。
エラー文は出ていません。
クロームの検証機能で内容を確認したのですが、フォームにうまく値が入っていないようです。わかる方どうにかお力添えお願いできないでしょうか。よろしくお願いいたします。

// app\javascript\channels\room_channel.js

import consumer from "./consumer"

// 「const appRoom =」を追記
const appRoom = consumer.subscriptions.create("RoomChannel", {
  connected() {
    // Called when the subscription is ready for use on the server
  },

  disconnected() {
    // Called when the subscription has been terminated by the server
  },
  // 省略

  received(data) {
    return alert(data['message']);
  },

  speak: function(message) {
    return this.perform('speak', {message: message});
  }
});
window.addEventListener("keypress", function(e) {
  if (e.keyCode === 13) {
    appRoom.speak(e.target.value);
    e.target.value = '';
    e.preventDefault();
    console.log(e.target.value)
  }
})

# app\channels\room_channel.rb

class RoomChannel < ApplicationCable::Channel
  def subscribed
    stream_from "room_channel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end

  def speak(data)
    ActionCable.server.broadcast 'room_channel', message: data['message']
  end
end

<!-- app\views\rooms\show.html.erb -->

<h1>Chat room</h1>
<div id="messages">
  <%= render @messages %>
</div>
<form>
  <label>Say something:</label><br>
  <input type="text" data-behavior="room_speaker">
</form>

# app\controllers\rooms_controller.rb

class RoomsController < ApplicationController
  def show
    @messages = Message.all
  end
end

<!-- app\views\messages\_message.html.erb -->

<div class="message">
  <p><%= message.content %></p>
</div>

# config\routes.rb

Rails.application.routes.draw do
  mount ActionCable.server => '/cable'
  root to: 'rooms#show'
end