JavaScriptで画面遷移する方法

JavaScriptで画面遷移する方法

今日もJavaScriptをガシガシ勉強中です。今回はJavaScriptで画面遷移する方法を紹介します!

今回の課題は、遷移ボタンをクリックすればグーグルのトップページに遷移するという仕様です。

書いたソースはこんな感じ。

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>JavaScript Training</title>
</head>
<body>
    <input id='btn'   type="submit" value='Change!!'  onclick="move()" />

    <style>
    #btn {
        height: 400px;
        width: 200px;
        padding:20px;
    }
    </style>
    <script type="text/javascript">

    function move (){
        var answer = confirm("準備はいいかい?");

        if(answer)window.location = "http://google.com";
    }

    setTimeout(move, 10000);

    </script>
    <noscript>Javascriptが利用できません。</noscript>
</body>
</html>

 

ボタンをクリックすれば、ファンクションが起動する仕組みです。

 

 

ちなみにクリックしなくても10秒後に遷移するようにも実装しています。強制的にグーグルのトップページに移行しちゃいます。

 

window.location = "http://google.com";
setTimeout(moveon, 10000);

window.location と setTimeout( )に関して学びました〜

現場で働けるエンジニア育成プラン

未経験からエンジニアに転職したいと考えている人を対象にレッスンを行っております。


私は29歳未経験からエンジニアに転職しました。

それまではミュージシャンを目指して音楽活動ばかり。
社会人としての経験はゼロでした。

エンジニア転職を決めたきっかけは、
その当時、ミュージシャンという職に対して将来的に希望がもてず、お金もなく、副業でやっていた物販にも失敗し、借金も1000万オーバー。
まさに人生のどん底で、そんなときに次の人生のステージとしてプログラミングという世界を選択しました。

あれから、数年。
今ではフリーランスとして仕事ができており、
収入もあの頃の数倍にまでなり、借金も返済できました。
エンジニア転職で人生が変わったといっても過言ではありません。

ただ、エンジニアに転職してからの時期は、困難の連続でした。
とくに最初の1−2年は、わからないことだらけで、本当にハゲるかと思うくらい苦しく、
実際に1年半後には適応障害になり、体を壊してしまいました。

プログラマーという職はタフな仕事です。

これからエンジニアを目指される方には、少しでも現場で苦労してほしくないという気持ちで、プログラミングのレッスンをしております。

私のレッスンではPHPを基本的なところからしっかりと学習していただいております。

これからPHPを使ってバックエンドエンジニアになりたい方には、大変おすすめのレッスン内容になっております。

レッスンはマンツーマン形式を採用しており、
しっかりとメンティーさんお一人お一人に対して、丁寧にコードレビューをして、
プログラミングの基礎をしっかりと身につけていただきます。
出題する問題には回答は用意しておらず、ご自身がしっかりとロジックを考えることを最大限重視しています。
また現場基準でコードレビューをしっかりおこなっておりますので、悪いクセがつくことを防ぎます。

PHPを基礎からしっかりと学習したい、Webエンジニアとして転職を考えているということでしたら、私のレッスンはおすすめできます。

実際の実績としても、
30代での転職成功者も多数!
未経験から機械学習エンジニアに転職成功!
MENTAでは圧倒的に高評価のレビューをいただいております。

エンジニアに転職して、人生を変えたい
再チャレンジしたい
と思っている方
もしかするとお力になれるかもしれません。

まずはお気軽にご相談ください。