How to use

querySelector

function

in

Document

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

document.querySelector(".xterm-helper-textarea").addEventListener("keydown", e => {
        if (e.key === "F11" && window.settings.allowWindowed) {
          e.preventDefault();
          window.toggleFullScreen();
        }
      });

// Handles a click or drag to scrub (jump to another position in the video)
 function handleScrub (e) {
  if (!e.clientX) return
  dispatch('mediaMouseMoved')
  const windowWidth = document.querySelector('body').clientWidth
  const fraction = e.clientX / windowWidth
  const position = fraction * state.playing.duration /* seconds */
  dispatch('skipTo', position)
 }

test( 'Fragment indices', function() {
    var fragmentSlide = document.querySelector( '#fragment-slides>section:nth-child(2)' );

    Reveal.slide( 3, 0, 0 );
    equal( fragmentSlide.querySelectorAll( '.fragment.visible' ).length, 2, 'both fragments of same index are shown' );

    // This slide has three fragments, first one is index 0, second and third have index 1
    Reveal.slide( 2, 2, 0 );
    equal( Reveal.getIndices().f, 0, 'returns correct index for first fragment' );

    Reveal.slide( 2, 2, 1 );
    equal( Reveal.getIndices().f, 1, 'returns correct index for two fragments with same index' );
  });

onComponentWillUnmount () {
  // Unload the media element so that Chromium stops trying to fetch data
  const tag = document.querySelector('audio,video')
  if (!tag) return
  tag.pause()
  tag.src = ''
  tag.load()
 }

test( 'Progress', function() {
    var progressElement = document.querySelector( '.reveal>.progress' );

    Reveal.configure({ progress: false });
    equal( progressElement.style.display, 'none', 'progress are hidden' );

    Reveal.configure({ progress: true });
    equal( progressElement.style.display, 'block', 'progress are visible' );
  });

mount() {
    const formElement = document.querySelector("#js-form");
    const inputElement = document.querySelector("#js-form-input");
    formElement.addEventListener("submit", (event) => {
      // submitイベントの本来の動作を止める
      event.preventDefault();
      console.log(`入力欄の値: ${inputElement.value}`);
    });
  }

test( 'Stepping past fragments', function() {
    var fragmentSlide = document.querySelector( '#fragment-slides>section:nth-child(1)' );

    Reveal.slide( 0, 0, 0 );
    equal( fragmentSlide.querySelectorAll( '.fragment.visible' ).length, 0, 'no fragments visible when on previous slide' );

    Reveal.slide( 3, 0, 0 );
    equal( fragmentSlide.querySelectorAll( '.fragment.visible' ).length, 3, 'all fragments visible when on future slide' );
  });

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }

componentDidMount() {
  // Remove the server-side injected CSS.
  const jssStyles = document.querySelector('#jss-server-side');
  if (jssStyles && jssStyles.parentNode) {
   jssStyles.parentNode.removeChild(jssStyles);
  }
 }