1-WebScraping.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": []
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "code",
      "execution_count": 40,
      "metadata": {
        "id": "aHYa1RVlchu9"
      },
      "outputs": [],
      "source": [
        "import requests\n",
        "from bs4 import BeautifulSoup\n",
        "\n",
        "\n",
        "url = \"http://www.chucknorrisfacts.fr/facts/top/1\"\n",
        "html = requests.get(url)"
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Make a request on the above web page.\n",
        "\n",
        "text = html.text\n",
        "text"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 122
        },
        "id": "__woL95Kd-ic",
        "outputId": "e5149736-7b64-4a5b-8b77-46af9393c0b3"
      },
      "execution_count": 41,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'\\n<!doctype html>\\n<html lang=\"en\">\\n  <head>\\n    <meta charset=\"utf-8\">\\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\\n    <meta name=\"description\" content=\"Chuck Norris Facts - Fr. Découvrez la légende Chuck Norris, entièrement en français.\">\\n    <title>Chuck Norris Facts -fr</title>\\n\\n\\n    \\n\\n    <!-- Bootstrap CSS -->\\n    <link rel=\"stylesheet\" href=\"/static/css/bootstrap.min.css\">\\n\\n    <style>\\n      .bd-placeholder-img {\\n        font-size: 1.125rem;\\n        text-anchor: middle;\\n        -webkit-user-select: none;\\n        -moz-user-select: none;\\n        user-select: none;\\n      }\\n\\n      @media (min-width: 768px) {\\n        .bd-placeholder-img-lg {\\n          font-size: 3.5rem;\\n        }\\n      }\\n    </style>\\n\\n    \\n    <!-- Custom styles for this template -->\\n    <link href=\"https://fonts.googleapis.com/css?family=Playfair&#43;Display:700,900&amp;display=swap\" rel=\"stylesheet\">\\n    <!-- Custom styles for this template -->\\n    <link rel=\"stylesheet\" href=\"/static/css/blog.css\">\\n    <link rel=\"stylesheet\" href=\"/static/css/cnf.css\">\\n    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css\">\\n    <script src=\"https://code.jquery.com/jquery-3.4.1.js\" integrity=\"sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=\" crossorigin=\"anonymous\"></script>\\n\\n    <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js\" integrity=\"sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV\" crossorigin=\"anonymous\"></script>\\n\\n    <!-- TODO: externalise in JS -->\\n    <script type=\"text/javascript\"> \\n    $(document).ready( function() {\\n        $(\\'.votelink\\').click(\\n            function(){ \\n  \\n                var id; \\n                var note;\\n                id = $(this).attr(\"data-factid\"); \\n                note = $(this).attr(\"data-note\"); \\n                $.ajax( \\n                    { \\n                        type:\"GET\", \\n                        url: \"/vote/\", \\n                        data:{ \\n                                fact_id: id,\\n                                note : note\\n                    }, \\n                    success: function( data ) \\n                    { \\n                        $( \\'#vote_\\'+ id ).hide();\\n                        $( \\'#vote_\\'+ id ).addClass(\\'smaller\\'); \\n                        $( \\'#vote_\\'+ id ).text(\\'A voté\\');\\n                        $( \\'#vote_\\'+ id ).fadeIn(\\'fast\\'); \\n                        $( \\'#moyenne_\\'+ id ).fadeOut(\\'fast\\');\\n                        $( \\'#moyenne_\\'+ id ).text(\\'(\\' + data + \\'/10)\\'); \\n                        $( \\'#moyenne_\\'+ id ).fadeIn(\\'fast\\')\\n                    } \\n                }   \\n                ) \\n            }\\n        );\\n    });\\n\\n\\n    $(document).ready( function() {\\n        $(\\'.votemoderation\\').click(\\n            function(){ \\n  \\n                var id; \\n                var note;\\n                id = $(this).attr(\"data-factid\"); \\n                note = $(this).attr(\"data-note\"); \\n                $.ajax( \\n                    { \\n                        type:\"GET\", \\n                        url: \"/vote_moderation/\", \\n                        data:{ \\n                                fact_id: id,\\n                                note : note\\n                    }, \\n                    success: function( data ) \\n                    { \\n                        $( \\'#vote_\\'+ id ).hide();\\n                        $( \\'#vote_\\'+ id ).addClass(\\'smaller\\'); \\n                        $( \\'#vote_\\'+ id ).text(\\'A voté\\');\\n                        $( \\'#vote_\\'+ id ).fadeIn(\\'fast\\'); \\n\\n                    } \\n                }   \\n                ) \\n            }\\n        );\\n    });\\n        \\n    </script>\\n\\n\\n  </head>\\n  <body>\\n    \\n    <div class=\"container\">\\n\\n        \\n\\n\\n\\n<nav class=\"navbar navbar-expand cnf-title rounded-bottom\">\\n        <div class=\"container-fluid\">\\n\\n            <img src=\"/static/img/cn_pa.png\" alt=\"\" width=\"64\" height=\"64\" class=\"img-title\">\\n            <!-- <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarsExample04\" aria-controls=\"navbarsExample04\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\\n                <span class=\"navbar-toggler-icon\"></span>\\n              </button>\\n            -->\\n\\n            <!-- <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNavAltMarkup\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\"> \\n            <span class=\"navbar-toggler-icon\"></span>\\n            </button>\\n            -->\\n            <div class=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">\\n            <div class=\"navbar-nav\"></div>\\n                <a class=\"btn btn-primary\" aria-current=\"page\" href=\"/\">Accueil</a>\\n                <a class=\"btn btn-primary\" aria-current=\"page\" href=\"/facts/\">Les Facts</a>\\n                <!-- <a class=\"btn btn-primary\" href=\"/facts/random\">Aléatoire</a> -->\\n\\n            </div>\\n            </div>\\n        </div>\\n        </nav>\\n\\n        <main class=\"container\" style=\"padding-left: 20px;\">\\n\\n\\n\\n        <div class=\"row\">\\n            <div class=\"col-md-8\">\\n\\n\\n                \\n\\n\\n\\n    <nav aria-label=\"Page navigation example\">\\n\\n\\n    <ul class=\"pagination justify-content-center\">\\n        <li class=\"page-item\">\\n            <a class=\"page-link\" href=\"/facts/recent\">Les plus récents</a>\\n        </li>\\n        <li class=\"page-item\">\\n            <a class=\"page-link\" href=\"/facts/history\">Les plus anciens</a>\\n        </li>\\n        <li class=\"page-item\">\\n            <a class=\"page-link\" href=\"/facts/\">Les mieux notés</a>\\n        </li>\\n        <li class=\"page-item\">\\n            <a class=\"page-link\" href=\"/facts/random\">Aléatoire</a>\\n        </li>\\n\\n        </ul>\\n    </nav>\\n\\n\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Les ennemis des amis de Chuck Norris sont ses amis. Et oui! Les ennemis de Chuck Norris n\\'existent plus.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/231015\">#231015</a>\\n                <span id=\"moyenne_231015\">(8.93/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_231015\">\\n                <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\"></p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/40270\">#40270</a>\\n                <span id=\"moyenne_40270\">(8.43/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_40270\">\\n                <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Un jour Chuck Norris a eu un zero en latin, depuis c&#039;est une langue morte.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/100129\">#100129</a>\\n                <span id=\"moyenne_100129\">(8.43/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_100129\">\\n                <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris ne sait pas &agrave; quoi ressemble Nicolas Sarkozy,  en effet Chuck Norris ne baisse jamais les yeux.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/124315\">#124315</a>\\n                <span id=\"moyenne_124315\">(8.42/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_124315\">\\n                <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">L&#039;avenir se demande parfois ce que Chuck Norris lui r&eacute;serve.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/145074\">#145074</a>\\n                <span id=\"moyenne_145074\">(8.42/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_145074\">\\n                <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris n&#039;a pas de p&egrave;re. On ne nique pas la m&egrave;re de Chuck Norris.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/100889\">#100889</a>\\n                <span id=\"moyenne_100889\">(8.34/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_100889\">\\n                <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris ne ment pas, c&#039;est la v&eacute;rit&eacute; qui se trompe.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/35793\">#35793</a>\\n                <span id=\"moyenne_35793\">(8.33/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_35793\">\\n                <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Les samoura&iuml;s tuent des mouches avec leurs sabres...<br />Chuck Norris, lui, tue des samoura&iuml;s avec des mouches</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/100410\">#100410</a>\\n                <span id=\"moyenne_100410\">(8.33/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_100410\">\\n                <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Cherchez l&#039;intrus : Un rouge-gorge, un pigeon, un moineau et Chuck Norris.<br /><br />R&eacute;ponse : Un rouge-gorge, un pigeon et un moineau.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/96377\">#96377</a>\\n                <span id=\"moyenne_96377\">(8.32/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_96377\">\\n                <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Les ennemis de Chuck Norris lui disent souvent d&#039;aller au diable. Le Diable aimerait bien qu&#039;ils arr&ecirc;tent.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/58375\">#58375</a>\\n                <span id=\"moyenne_58375\">(8.31/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_58375\">\\n                <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris ne se masturbe jamais. Chuck Norris est in&eacute;branlable.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/135321\">#135321</a>\\n                <span id=\"moyenne_135321\">(8.31/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_135321\">\\n                <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris peut ressusciter un angle mort.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/150753\">#150753</a>\\n                <span id=\"moyenne_150753\">(8.30/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_150753\">\\n                <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris est le seul homme &agrave; poss&eacute;der une bible d&eacute;dicac&eacute;e.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/80670\">#80670</a>\\n                <span id=\"moyenne_80670\">(8.30/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_80670\">\\n                <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Un jour, les PowerRangers ont rencontr&eacute; Chuck Norris. Maintenant on les appelle les T&eacute;l&eacute;tubbies.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/69970\">#69970</a>\\n                <span id=\"moyenne_69970\">(8.30/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_69970\">\\n                <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Une seule Tortue Ninja &agrave; os&eacute; d&eacute;fi&eacute; Chuck Norris. Maintenant on l&#039;appelle Franklin.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/125174\">#125174</a>\\n                <span id=\"moyenne_125174\">(8.29/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_125174\">\\n                <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Hercule est un demi-dieu, Dieu est un demi-Chuck Norris</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/127126\">#127126</a>\\n                <span id=\"moyenne_127126\">(8.29/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_127126\">\\n                <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Un jour un mec a refuser de filer une clope &agrave; Chuck Norris. Depuis, on pr&eacute;vient sur tous les paquets que &quot;Fumer tue&quot;.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/118603\">#118603</a>\\n                <span id=\"moyenne_118603\">(8.29/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_118603\">\\n                <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Quand Chuck Norris lance une pi&egrave;ce, elle fait toujours pile: personne ne fait face &agrave; Chuck Norris!</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/100744\">#100744</a>\\n                <span id=\"moyenne_100744\">(8.28/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_100744\">\\n                <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris n&#039;est pas &eacute;gal &agrave; lui-m&ecirc;me, il est meilleur.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/131993\">#131993</a>\\n                <span id=\"moyenne_131993\">(8.28/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_131993\">\\n                <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <div class=\"card\">\\n\\n        <div class=\"card-body bg-light rounded\">\\n            <p class=\"card-text\">Chuck Norris peut se souvenir du futur.</p>\\n        </div>\\n    <div class=\"card-footer\">\\n        <div class=\"row\">\\n            <div class=\"col-md-8 card-footer-left smaller\">\\n                <a href=\"/voir_fact/76835\">#76835</a>\\n                <span id=\"moyenne_76835\">(8.27/10)</span>\\n            </div>\\n            <!-- <div class=\"col-md-4\">\\n                <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \\n                <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \\n            </div> -->\\n            <div class=\"col-md-4 bold\" id=\"vote_76835\">\\n                <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=1 role=\"button\">[+]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=2 role=\"button\">[++]</a> \\n                <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=3 role=\"button\">[+++]</a> \\n                           \\n            </div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n\\n\\n    \\n\\n        <nav aria-label=\"Page navigation example\">\\n            <ul class=\"pagination justify-content-center\">\\n            \\n            <li class=\"page-item disabled\">\\n                <a class=\"page-link\" href=\"#\" tabindex=\"-1\">Premier</a>\\n            </li>\\n            \\n\\n\\n            <li class=\"page-item active\">\\n                <a class=\"page-link\" href=\"\">1</a>\\n            </li>\\n\\n            \\n            <li class=\"page-item\">\\n                <a class=\"page-link\" href=\"/facts/top/2\">>></a>\\n            </li>\\n            <li class=\"page-item\">\\n                <a class=\"page-link\" href=\"/facts/top/528\">Dernier</a>\\n            </li>\\n            \\n\\n            </ul>\\n        </nav>\\n      \\n\\n\\n\\n\\n        \\n\\n            <!--\\n            <nav class=\"blog-pagination\" aria-label=\"Pagination\">\\n                <a class=\"btn btn-outline-primary\" href=\"#\">Older</a>\\n                <a class=\"btn btn-outline-secondary disabled\" href=\"#\" tabindex=\"-1\" aria-disabled=\"true\">Newer</a>\\n            </nav>\\n            -->\\n\\n            </div>\\n\\n            \\n\\n<div class=\"col-md-4\">\\n\\n    <div class=\"d-flex justify-content-left mb-2\">\\n        <!-- <a class=\"btn rounded btn-primary rounded\" href=\"\"><i class=\"bi-plus-circle\" style=\"color:#ffffff;\" ></i>&nbsp;&nbsp;Ajouter un fact</a>\\n        <br /> \\n        <a class=\"btn rounded btn-primary rounded\" href=\"/moderation/\"><i class=\"bi-plus-circle\" style=\"color:#ffffff;\" ></i>&nbsp;&nbsp;Modérer</a>\\n        -->\\n    \\n    </div>\\n\\n    <div class=\"p-4 mb-3 bg-light rounded-top bottom-border\">\\n        <h4 class=\"font-italic\">Chuck Norris Facts -Fr</h4>\\n        <p class=\"mb-0\">Découvrez les Chuck Norris Facts, entièrement en Français. Servis avec amour et coups de pieds circulaires depuis 2007.</p>\\n    </div>\\n\\n    <div class=\"p-4 mb-3 bg-light rounded-top collector-box\">\\n        <p class=\"mb-0\">Chuck Norris Facts -Fr est en <span class=\\'gold-bold\\'>mode Collector</span>. Plus d\\'infos à venir....\\n        </p>\\n    </div>\\n    <!--\\n            <div class=\"p-4\">\\n        <h4 class=\"font-italic\">Archives</h4>\\n        <ol class=\"list-unstyled mb-0\">\\n        <li><a href=\"#\">March 2014</a></li>\\n        <li><a href=\"#\">February 2014</a></li>\\n        <li><a href=\"#\">January 2014</a></li>\\n        <li><a href=\"#\">December 2013</a></li>\\n        <li><a href=\"#\">November 2013</a></li>\\n        <li><a href=\"#\">October 2013</a></li>\\n        <li><a href=\"#\">September 2013</a></li>\\n        <li><a href=\"#\">August 2013</a></li>\\n        <li><a href=\"#\">July 2013</a></li>\\n        <li><a href=\"#\">June 2013</a></li>\\n        <li><a href=\"#\">May 2013</a></li>\\n        <li><a href=\"#\">April 2013</a></li>\\n        </ol>\\n    </div>\\n    -->\\n\\n\\n        </div><!-- /.row -->\\n\\n        </main><!-- /.container -->\\n\\n<div class=\"container\">\\n    <footer class=\"cnf-footer\">\\n    <p>Chuck Norris Facts -Fr - Servis avec amour depuis 2007</p>\\n    <p>\\n      <a href=\"#\">Vers le haut</a> - <a href=\"mailto:contact@chucknorrisfacts.fr\">Contact</a> \\n    </p>\\n    \\n  \\n<!-- Global site tag (gtag.js) - Google Analytics -->\\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-L96EK1MGPV\"></script>\\n<script>\\n  window.dataLayer = window.dataLayer || [];\\n  function gtag(){dataLayer.push(arguments);}\\n  gtag(\\'js\\', new Date());\\n\\n  gtag(\\'config\\', \\'G-L96EK1MGPV\\');\\n</script>\\n\\n</footer>\\n\\n</div>\\n\\n    \\n  </body>\\n</html>\\n'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 41
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "soup = BeautifulSoup(html.text, 'html.parser')"
      ],
      "metadata": {
        "id": "8Cg0LTixdq6M"
      },
      "execution_count": 98,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "# What is the response code? What is this error?\n",
        "\n",
        "html"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "vE6pCic1eHWG",
        "outputId": "1ac03dcc-eb6e-4ba3-c269-978beab93f4d"
      },
      "execution_count": 43,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<Response [200]>"
            ]
          },
          "metadata": {},
          "execution_count": 43
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "This means that the server has returned HTLM content."
      ],
      "metadata": {
        "id": "Ng8Il_CmfcNB"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# Bypass the protection by specifying an existing browser. And retry your request.\n",
        "\n",
        "items_container = soup.find_all(\"div\", {\"class\", \"card\"})\n",
        "items_container"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "jDdIbzWQf3De",
        "outputId": "32658556-8872-401b-d546-fb642331a356"
      },
      "execution_count": 71,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "[<div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Les ennemis des amis de Chuck Norris sont ses amis. Et oui! Les ennemis de Chuck Norris n'existent plus.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/231015\">#231015</a>\n",
              " <span id=\"moyenne_231015\">(8.93/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_231015\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"231015\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\"></p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/40270\">#40270</a>\n",
              " <span id=\"moyenne_40270\">(8.43/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_40270\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"40270\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Un jour Chuck Norris a eu un zero en latin, depuis c'est une langue morte.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/100129\">#100129</a>\n",
              " <span id=\"moyenne_100129\">(8.43/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_100129\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100129\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris ne sait pas à quoi ressemble Nicolas Sarkozy,  en effet Chuck Norris ne baisse jamais les yeux.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/124315\">#124315</a>\n",
              " <span id=\"moyenne_124315\">(8.42/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_124315\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"124315\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">L'avenir se demande parfois ce que Chuck Norris lui réserve.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/145074\">#145074</a>\n",
              " <span id=\"moyenne_145074\">(8.42/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_145074\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"145074\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris n'a pas de père. On ne nique pas la mère de Chuck Norris.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/100889\">#100889</a>\n",
              " <span id=\"moyenne_100889\">(8.34/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_100889\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100889\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris ne ment pas, c'est la vérité qui se trompe.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/35793\">#35793</a>\n",
              " <span id=\"moyenne_35793\">(8.33/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_35793\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"35793\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Les samouraïs tuent des mouches avec leurs sabres...<br/>Chuck Norris, lui, tue des samouraïs avec des mouches</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/100410\">#100410</a>\n",
              " <span id=\"moyenne_100410\">(8.33/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_100410\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100410\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Cherchez l'intrus : Un rouge-gorge, un pigeon, un moineau et Chuck Norris.<br/><br/>Réponse : Un rouge-gorge, un pigeon et un moineau.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/96377\">#96377</a>\n",
              " <span id=\"moyenne_96377\">(8.32/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_96377\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"96377\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Les ennemis de Chuck Norris lui disent souvent d'aller au diable. Le Diable aimerait bien qu'ils arrêtent.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/58375\">#58375</a>\n",
              " <span id=\"moyenne_58375\">(8.31/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_58375\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"58375\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris ne se masturbe jamais. Chuck Norris est inébranlable.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/135321\">#135321</a>\n",
              " <span id=\"moyenne_135321\">(8.31/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_135321\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"135321\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris peut ressusciter un angle mort.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/150753\">#150753</a>\n",
              " <span id=\"moyenne_150753\">(8.30/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_150753\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"150753\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris est le seul homme à posséder une bible dédicacée.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/80670\">#80670</a>\n",
              " <span id=\"moyenne_80670\">(8.30/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_80670\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"80670\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Un jour, les PowerRangers ont rencontré Chuck Norris. Maintenant on les appelle les Télétubbies.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/69970\">#69970</a>\n",
              " <span id=\"moyenne_69970\">(8.30/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_69970\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"69970\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Une seule Tortue Ninja à osé défié Chuck Norris. Maintenant on l'appelle Franklin.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/125174\">#125174</a>\n",
              " <span id=\"moyenne_125174\">(8.29/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_125174\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"125174\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Hercule est un demi-dieu, Dieu est un demi-Chuck Norris</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/127126\">#127126</a>\n",
              " <span id=\"moyenne_127126\">(8.29/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_127126\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"127126\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Un jour un mec a refuser de filer une clope à Chuck Norris. Depuis, on prévient sur tous les paquets que \"Fumer tue\".</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/118603\">#118603</a>\n",
              " <span id=\"moyenne_118603\">(8.29/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_118603\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"118603\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Quand Chuck Norris lance une pièce, elle fait toujours pile: personne ne fait face à Chuck Norris!</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/100744\">#100744</a>\n",
              " <span id=\"moyenne_100744\">(8.28/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_100744\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"100744\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris n'est pas égal à lui-même, il est meilleur.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/131993\">#131993</a>\n",
              " <span id=\"moyenne_131993\">(8.28/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_131993\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"131993\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>, <div class=\"card\">\n",
              " <div class=\"card-body bg-light rounded\">\n",
              " <p class=\"card-text\">Chuck Norris peut se souvenir du futur.</p>\n",
              " </div>\n",
              " <div class=\"card-footer\">\n",
              " <div class=\"row\">\n",
              " <div class=\"col-md-8 card-footer-left smaller\">\n",
              " <a href=\"/voir_fact/76835\">#76835</a>\n",
              " <span id=\"moyenne_76835\">(8.27/10)</span>\n",
              " </div>\n",
              " <!-- <div class=\"col-md-4\">\n",
              "                 <a href=\"#\"><i class=\"bi-twitter smaller\" style=\"color:#5C4202;\"></i></a> \n",
              "                 <a href=\"#\"><i class=\"bi-facebook smaller\" style=\"color:#5C4202;\"></i></a>                \n",
              "             </div> -->\n",
              " <div class=\"col-md-4 bold\" id=\"vote_76835\">\n",
              " <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=\"1\" role=\"button\">[+]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=\"2\" role=\"button\">[++]</a>\n",
              " <a class=\"votelink bold smaller\" data-factid=\"76835\" data-note=\"3\" role=\"button\">[+++]</a>\n",
              " </div>\n",
              " </div>\n",
              " </div>\n",
              " </div>]"
            ]
          },
          "metadata": {},
          "execution_count": 71
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Find the tag to identify a block including a joke. How many joke-blocks are there? (there should be 20).\n",
        "\n",
        "len(items_container)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "U5gj2RIZg9Pc",
        "outputId": "d3977b91-1aa7-4a13-c6c3-a9f4ce7027ea"
      },
      "execution_count": 72,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "20"
            ]
          },
          "metadata": {},
          "execution_count": 72
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Displays the 8th joke-block using the .text attribute.\n",
        "\n",
        "items_container[7].p.text"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 35
        },
        "id": "H9y3FSjDlkw9",
        "outputId": "920d54fa-0a67-4603-8fca-b2795723078e"
      },
      "execution_count": 73,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'Les samouraïs tuent des mouches avec leurs sabres...Chuck Norris, lui, tue des samouraïs avec des mouches'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 73
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Use the .find method with the appropriate tag to isolate only the 8th joke, without the other elements \n",
        "\n",
        "items_jokes = soup.find_all(class_= \"card-text\")\n",
        "items_jokes[7].text"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 35
        },
        "id": "kXhZGqnbnKrN",
        "outputId": "08a4d00f-e104-4ebe-b952-3d26ef8a3909"
      },
      "execution_count": 70,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'Les samouraïs tuent des mouches avec leurs sabres...Chuck Norris, lui, tue des samouraïs avec des mouches'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 70
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Do the same to isolate only the rating result of the 8th joke.\n",
        "\n",
        "items_rating = soup.find_all(\"span\")\n",
        "items_rating[7].text"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 35
        },
        "id": "DehjeiTNl-lr",
        "outputId": "f783742b-2895-4459-fede-39d7d23d363a"
      },
      "execution_count": 77,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'(8.33/10)'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 77
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Create an empty dictionary, then create a loop that will record in this dictionary each joke as a key and each corresponding rating result as a value.\n",
        "\n",
        "joke_rating ={}\n",
        "\n",
        "for i in range(len(items_container)):\n",
        "  joke_rating[items_container[i].p.text] = items_container[i].span.text\n",
        "print(joke_rating)\n"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "3kmxNaiJAVZb",
        "outputId": "a856c418-413b-4d31-b19c-3ba24e59b879"
      },
      "execution_count": 86,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "{\"Les ennemis des amis de Chuck Norris sont ses amis. Et oui! Les ennemis de Chuck Norris n'existent plus.\": '(8.93/10)', '': '(8.43/10)', \"Un jour Chuck Norris a eu un zero en latin, depuis c'est une langue morte.\": '(8.43/10)', 'Chuck Norris ne sait pas à quoi ressemble Nicolas Sarkozy,  en effet Chuck Norris ne baisse jamais les yeux.': '(8.42/10)', \"L'avenir se demande parfois ce que Chuck Norris lui réserve.\": '(8.42/10)', \"Chuck Norris n'a pas de père. On ne nique pas la mère de Chuck Norris.\": '(8.34/10)', \"Chuck Norris ne ment pas, c'est la vérité qui se trompe.\": '(8.33/10)', 'Les samouraïs tuent des mouches avec leurs sabres...Chuck Norris, lui, tue des samouraïs avec des mouches': '(8.33/10)', \"Cherchez l'intrus : Un rouge-gorge, un pigeon, un moineau et Chuck Norris.Réponse : Un rouge-gorge, un pigeon et un moineau.\": '(8.32/10)', \"Les ennemis de Chuck Norris lui disent souvent d'aller au diable. Le Diable aimerait bien qu'ils arrêtent.\": '(8.31/10)', 'Chuck Norris ne se masturbe jamais. Chuck Norris est inébranlable.': '(8.31/10)', 'Chuck Norris peut ressusciter un angle mort.': '(8.30/10)', 'Chuck Norris est le seul homme à posséder une bible dédicacée.': '(8.30/10)', 'Un jour, les PowerRangers ont rencontré Chuck Norris. Maintenant on les appelle les Télétubbies.': '(8.30/10)', \"Une seule Tortue Ninja à osé défié Chuck Norris. Maintenant on l'appelle Franklin.\": '(8.29/10)', 'Hercule est un demi-dieu, Dieu est un demi-Chuck Norris': '(8.29/10)', 'Un jour un mec a refuser de filer une clope à Chuck Norris. Depuis, on prévient sur tous les paquets que \"Fumer tue\".': '(8.29/10)', 'Quand Chuck Norris lance une pièce, elle fait toujours pile: personne ne fait face à Chuck Norris!': '(8.28/10)', \"Chuck Norris n'est pas égal à lui-même, il est meilleur.\": '(8.28/10)', 'Chuck Norris peut se souvenir du futur.': '(8.27/10)'}\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "# Transform this dictionary into a DataFrame with 2 columns: joke and rating result. It must have 20 rows: one per joke.\n",
        "\n",
        "from pandas.io.parsers.readers import is_index_col\n",
        "import pandas as pd\n",
        "\n",
        "df = pd.DataFrame(joke_rating.items(), columns=['Jokes', 'Rating_Result'])\n",
        "df"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 677
        },
        "id": "dPaGTiQFCorE",
        "outputId": "0353c7de-b305-42fb-8c1d-3a1243e859be"
      },
      "execution_count": 97,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                                Jokes Rating_Result\n",
              "0   Les ennemis des amis de Chuck Norris sont ses ...     (8.93/10)\n",
              "1                                                         (8.43/10)\n",
              "2   Un jour Chuck Norris a eu un zero en latin, de...     (8.43/10)\n",
              "3   Chuck Norris ne sait pas à quoi ressemble Nico...     (8.42/10)\n",
              "4   L'avenir se demande parfois ce que Chuck Norri...     (8.42/10)\n",
              "5   Chuck Norris n'a pas de père. On ne nique pas ...     (8.34/10)\n",
              "6   Chuck Norris ne ment pas, c'est la vérité qui ...     (8.33/10)\n",
              "7   Les samouraïs tuent des mouches avec leurs sab...     (8.33/10)\n",
              "8   Cherchez l'intrus : Un rouge-gorge, un pigeon,...     (8.32/10)\n",
              "9   Les ennemis de Chuck Norris lui disent souvent...     (8.31/10)\n",
              "10  Chuck Norris ne se masturbe jamais. Chuck Norr...     (8.31/10)\n",
              "11       Chuck Norris peut ressusciter un angle mort.     (8.30/10)\n",
              "12  Chuck Norris est le seul homme à posséder une ...     (8.30/10)\n",
              "13  Un jour, les PowerRangers ont rencontré Chuck ...     (8.30/10)\n",
              "14  Une seule Tortue Ninja à osé défié Chuck Norri...     (8.29/10)\n",
              "15  Hercule est un demi-dieu, Dieu est un demi-Chu...     (8.29/10)\n",
              "16  Un jour un mec a refuser de filer une clope à ...     (8.29/10)\n",
              "17  Quand Chuck Norris lance une pièce, elle fait ...     (8.28/10)\n",
              "18  Chuck Norris n'est pas égal à lui-même, il est...     (8.28/10)\n",
              "19            Chuck Norris peut se souvenir du futur.     (8.27/10)"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-b598b636-0591-44b6-a2a8-b9a36b979dbf\">\n",
              "    <div class=\"colab-df-container\">\n",
              "      <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>Jokes</th>\n",
              "      <th>Rating_Result</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>Les ennemis des amis de Chuck Norris sont ses ...</td>\n",
              "      <td>(8.93/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td></td>\n",
              "      <td>(8.43/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Un jour Chuck Norris a eu un zero en latin, de...</td>\n",
              "      <td>(8.43/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Chuck Norris ne sait pas à quoi ressemble Nico...</td>\n",
              "      <td>(8.42/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>L'avenir se demande parfois ce que Chuck Norri...</td>\n",
              "      <td>(8.42/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Chuck Norris n'a pas de père. On ne nique pas ...</td>\n",
              "      <td>(8.34/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Chuck Norris ne ment pas, c'est la vérité qui ...</td>\n",
              "      <td>(8.33/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Les samouraïs tuent des mouches avec leurs sab...</td>\n",
              "      <td>(8.33/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Cherchez l'intrus : Un rouge-gorge, un pigeon,...</td>\n",
              "      <td>(8.32/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Les ennemis de Chuck Norris lui disent souvent...</td>\n",
              "      <td>(8.31/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>Chuck Norris ne se masturbe jamais. Chuck Norr...</td>\n",
              "      <td>(8.31/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Chuck Norris peut ressusciter un angle mort.</td>\n",
              "      <td>(8.30/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Chuck Norris est le seul homme à posséder une ...</td>\n",
              "      <td>(8.30/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Un jour, les PowerRangers ont rencontré Chuck ...</td>\n",
              "      <td>(8.30/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>Une seule Tortue Ninja à osé défié Chuck Norri...</td>\n",
              "      <td>(8.29/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Hercule est un demi-dieu, Dieu est un demi-Chu...</td>\n",
              "      <td>(8.29/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>Un jour un mec a refuser de filer une clope à ...</td>\n",
              "      <td>(8.29/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Quand Chuck Norris lance une pièce, elle fait ...</td>\n",
              "      <td>(8.28/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Chuck Norris n'est pas égal à lui-même, il est...</td>\n",
              "      <td>(8.28/10)</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Chuck Norris peut se souvenir du futur.</td>\n",
              "      <td>(8.27/10)</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-b598b636-0591-44b6-a2a8-b9a36b979dbf')\"\n",
              "              title=\"Convert this dataframe to an interactive table.\"\n",
              "              style=\"display:none;\">\n",
              "        \n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "       width=\"24px\">\n",
              "    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n",
              "    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n",
              "  </svg>\n",
              "      </button>\n",
              "      \n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      flex-wrap:wrap;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "      <script>\n",
              "        const buttonEl =\n",
              "          document.querySelector('#df-b598b636-0591-44b6-a2a8-b9a36b979dbf button.colab-df-convert');\n",
              "        buttonEl.style.display =\n",
              "          google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "        async function convertToInteractive(key) {\n",
              "          const element = document.querySelector('#df-b598b636-0591-44b6-a2a8-b9a36b979dbf');\n",
              "          const dataTable =\n",
              "            await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                     [key], {});\n",
              "          if (!dataTable) return;\n",
              "\n",
              "          const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "            + ' to learn more about interactive tables.';\n",
              "          element.innerHTML = '';\n",
              "          dataTable['output_type'] = 'display_data';\n",
              "          await google.colab.output.renderOutput(dataTable, element);\n",
              "          const docLink = document.createElement('div');\n",
              "          docLink.innerHTML = docLinkHtml;\n",
              "          element.appendChild(docLink);\n",
              "        }\n",
              "      </script>\n",
              "    </div>\n",
              "  </div>\n",
              "  "
            ]
          },
          "metadata": {},
          "execution_count": 97
        }
      ]
    }
  ]
}