Multiplication table in html with python

 #Generate multiplication table by html

#https://ideone.com/YVXmga

import random

from copy import deepcopy

N = 15


colors = ['F','E','D','C','B','A']

i = 0

colorsall = []

while i < N:

    colornow = deepcopy(colors)

    random.shuffle(colornow)

    colornow = "#"+"".join(colornow)

    colorsall.append(colornow)

    i += 1

t = ""

for i in range(1,N+1):

    s = ''

    for j in range(1,N+1):

        if j >= i:

            s += '<td style="background-color:' + colorsall[i-1] + '">'+str(i*j)+'</td>'

        else:

            s += '<td style="background-color:' + colorsall[j-1] + '">'+str(i*j)+'</td>'

    s = "<tr>" + s + "</tr>"


    t = t + s + '\n'

    

print('<table>' + t + '</table>')


html code:

<table><tr><td style="background-color:#CFDBEA">1</td><td style="background-color:#CFDBEA">2</td><td style="background-color:#CFDBEA">3</td><td style="background-color:#CFDBEA">4</td><td style="background-color:#CFDBEA">5</td><td style="background-color:#CFDBEA">6</td><td style="background-color:#CFDBEA">7</td><td style="background-color:#CFDBEA">8</td><td style="background-color:#CFDBEA">9</td><td style="background-color:#CFDBEA">10</td><td style="background-color:#CFDBEA">11</td><td style="background-color:#CFDBEA">12</td><td style="background-color:#CFDBEA">13</td><td style="background-color:#CFDBEA">14</td><td style="background-color:#CFDBEA">15</td></tr>

<tr><td style="background-color:#CFDBEA">2</td><td style="background-color:#EFDCBA">4</td><td style="background-color:#EFDCBA">6</td><td style="background-color:#EFDCBA">8</td><td style="background-color:#EFDCBA">10</td><td style="background-color:#EFDCBA">12</td><td style="background-color:#EFDCBA">14</td><td style="background-color:#EFDCBA">16</td><td style="background-color:#EFDCBA">18</td><td style="background-color:#EFDCBA">20</td><td style="background-color:#EFDCBA">22</td><td style="background-color:#EFDCBA">24</td><td style="background-color:#EFDCBA">26</td><td style="background-color:#EFDCBA">28</td><td style="background-color:#EFDCBA">30</td></tr>

<tr><td style="background-color:#CFDBEA">3</td><td style="background-color:#EFDCBA">6</td><td style="background-color:#DFAECB">9</td><td style="background-color:#DFAECB">12</td><td style="background-color:#DFAECB">15</td><td style="background-color:#DFAECB">18</td><td style="background-color:#DFAECB">21</td><td style="background-color:#DFAECB">24</td><td style="background-color:#DFAECB">27</td><td style="background-color:#DFAECB">30</td><td style="background-color:#DFAECB">33</td><td style="background-color:#DFAECB">36</td><td style="background-color:#DFAECB">39</td><td style="background-color:#DFAECB">42</td><td style="background-color:#DFAECB">45</td></tr>

<tr><td style="background-color:#CFDBEA">4</td><td style="background-color:#EFDCBA">8</td><td style="background-color:#DFAECB">12</td><td style="background-color:#ADFECB">16</td><td style="background-color:#ADFECB">20</td><td style="background-color:#ADFECB">24</td><td style="background-color:#ADFECB">28</td><td style="background-color:#ADFECB">32</td><td style="background-color:#ADFECB">36</td><td style="background-color:#ADFECB">40</td><td style="background-color:#ADFECB">44</td><td style="background-color:#ADFECB">48</td><td style="background-color:#ADFECB">52</td><td style="background-color:#ADFECB">56</td><td style="background-color:#ADFECB">60</td></tr>

<tr><td style="background-color:#CFDBEA">5</td><td style="background-color:#EFDCBA">10</td><td style="background-color:#DFAECB">15</td><td style="background-color:#ADFECB">20</td><td style="background-color:#ADFCEB">25</td><td style="background-color:#ADFCEB">30</td><td style="background-color:#ADFCEB">35</td><td style="background-color:#ADFCEB">40</td><td style="background-color:#ADFCEB">45</td><td style="background-color:#ADFCEB">50</td><td style="background-color:#ADFCEB">55</td><td style="background-color:#ADFCEB">60</td><td style="background-color:#ADFCEB">65</td><td style="background-color:#ADFCEB">70</td><td style="background-color:#ADFCEB">75</td></tr>

<tr><td style="background-color:#CFDBEA">6</td><td style="background-color:#EFDCBA">12</td><td style="background-color:#DFAECB">18</td><td style="background-color:#ADFECB">24</td><td style="background-color:#ADFCEB">30</td><td style="background-color:#ECDABF">36</td><td style="background-color:#ECDABF">42</td><td style="background-color:#ECDABF">48</td><td style="background-color:#ECDABF">54</td><td style="background-color:#ECDABF">60</td><td style="background-color:#ECDABF">66</td><td style="background-color:#ECDABF">72</td><td style="background-color:#ECDABF">78</td><td style="background-color:#ECDABF">84</td><td style="background-color:#ECDABF">90</td></tr>

<tr><td style="background-color:#CFDBEA">7</td><td style="background-color:#EFDCBA">14</td><td style="background-color:#DFAECB">21</td><td style="background-color:#ADFECB">28</td><td style="background-color:#ADFCEB">35</td><td style="background-color:#ECDABF">42</td><td style="background-color:#BAFCDE">49</td><td style="background-color:#BAFCDE">56</td><td style="background-color:#BAFCDE">63</td><td style="background-color:#BAFCDE">70</td><td style="background-color:#BAFCDE">77</td><td style="background-color:#BAFCDE">84</td><td style="background-color:#BAFCDE">91</td><td style="background-color:#BAFCDE">98</td><td style="background-color:#BAFCDE">105</td></tr>

<tr><td style="background-color:#CFDBEA">8</td><td style="background-color:#EFDCBA">16</td><td style="background-color:#DFAECB">24</td><td style="background-color:#ADFECB">32</td><td style="background-color:#ADFCEB">40</td><td style="background-color:#ECDABF">48</td><td style="background-color:#BAFCDE">56</td><td style="background-color:#DFEBCA">64</td><td style="background-color:#DFEBCA">72</td><td style="background-color:#DFEBCA">80</td><td style="background-color:#DFEBCA">88</td><td style="background-color:#DFEBCA">96</td><td style="background-color:#DFEBCA">104</td><td style="background-color:#DFEBCA">112</td><td style="background-color:#DFEBCA">120</td></tr>

<tr><td style="background-color:#CFDBEA">9</td><td style="background-color:#EFDCBA">18</td><td style="background-color:#DFAECB">27</td><td style="background-color:#ADFECB">36</td><td style="background-color:#ADFCEB">45</td><td style="background-color:#ECDABF">54</td><td style="background-color:#BAFCDE">63</td><td style="background-color:#DFEBCA">72</td><td style="background-color:#EFCDBA">81</td><td style="background-color:#EFCDBA">90</td><td style="background-color:#EFCDBA">99</td><td style="background-color:#EFCDBA">108</td><td style="background-color:#EFCDBA">117</td><td style="background-color:#EFCDBA">126</td><td style="background-color:#EFCDBA">135</td></tr>

<tr><td style="background-color:#CFDBEA">10</td><td style="background-color:#EFDCBA">20</td><td style="background-color:#DFAECB">30</td><td style="background-color:#ADFECB">40</td><td style="background-color:#ADFCEB">50</td><td style="background-color:#ECDABF">60</td><td style="background-color:#BAFCDE">70</td><td style="background-color:#DFEBCA">80</td><td style="background-color:#EFCDBA">90</td><td style="background-color:#EADBCF">100</td><td style="background-color:#EADBCF">110</td><td style="background-color:#EADBCF">120</td><td style="background-color:#EADBCF">130</td><td style="background-color:#EADBCF">140</td><td style="background-color:#EADBCF">150</td></tr>

<tr><td style="background-color:#CFDBEA">11</td><td style="background-color:#EFDCBA">22</td><td style="background-color:#DFAECB">33</td><td style="background-color:#ADFECB">44</td><td style="background-color:#ADFCEB">55</td><td style="background-color:#ECDABF">66</td><td style="background-color:#BAFCDE">77</td><td style="background-color:#DFEBCA">88</td><td style="background-color:#EFCDBA">99</td><td style="background-color:#EADBCF">110</td><td style="background-color:#ECDAFB">121</td><td style="background-color:#ECDAFB">132</td><td style="background-color:#ECDAFB">143</td><td style="background-color:#ECDAFB">154</td><td style="background-color:#ECDAFB">165</td></tr>

<tr><td style="background-color:#CFDBEA">12</td><td style="background-color:#EFDCBA">24</td><td style="background-color:#DFAECB">36</td><td style="background-color:#ADFECB">48</td><td style="background-color:#ADFCEB">60</td><td style="background-color:#ECDABF">72</td><td style="background-color:#BAFCDE">84</td><td style="background-color:#DFEBCA">96</td><td style="background-color:#EFCDBA">108</td><td style="background-color:#EADBCF">120</td><td style="background-color:#ECDAFB">132</td><td style="background-color:#BDFCEA">144</td><td style="background-color:#BDFCEA">156</td><td style="background-color:#BDFCEA">168</td><td style="background-color:#BDFCEA">180</td></tr>

<tr><td style="background-color:#CFDBEA">13</td><td style="background-color:#EFDCBA">26</td><td style="background-color:#DFAECB">39</td><td style="background-color:#ADFECB">52</td><td style="background-color:#ADFCEB">65</td><td style="background-color:#ECDABF">78</td><td style="background-color:#BAFCDE">91</td><td style="background-color:#DFEBCA">104</td><td style="background-color:#EFCDBA">117</td><td style="background-color:#EADBCF">130</td><td style="background-color:#ECDAFB">143</td><td style="background-color:#BDFCEA">156</td><td style="background-color:#BAEDFC">169</td><td style="background-color:#BAEDFC">182</td><td style="background-color:#BAEDFC">195</td></tr>

<tr><td style="background-color:#CFDBEA">14</td><td style="background-color:#EFDCBA">28</td><td style="background-color:#DFAECB">42</td><td style="background-color:#ADFECB">56</td><td style="background-color:#ADFCEB">70</td><td style="background-color:#ECDABF">84</td><td style="background-color:#BAFCDE">98</td><td style="background-color:#DFEBCA">112</td><td style="background-color:#EFCDBA">126</td><td style="background-color:#EADBCF">140</td><td style="background-color:#ECDAFB">154</td><td style="background-color:#BDFCEA">168</td><td style="background-color:#BAEDFC">182</td><td style="background-color:#FCEDAB">196</td><td style="background-color:#FCEDAB">210</td></tr>

<tr><td style="background-color:#CFDBEA">15</td><td style="background-color:#EFDCBA">30</td><td style="background-color:#DFAECB">45</td><td style="background-color:#ADFECB">60</td><td style="background-color:#ADFCEB">75</td><td style="background-color:#ECDABF">90</td><td style="background-color:#BAFCDE">105</td><td style="background-color:#DFEBCA">120</td><td style="background-color:#EFCDBA">135</td><td style="background-color:#EADBCF">150</td><td style="background-color:#ECDAFB">165</td><td style="background-color:#BDFCEA">180</td><td style="background-color:#BAEDFC">195</td><td style="background-color:#FCEDAB">210</td><td style="background-color:#ABDFCE">225</td></tr>

</table>


Comments

Post a Comment

Popular posts from this blog

Book review : Complete Guide to Standard C++ Algorithms

Book under review: A Complete Guide to Standard C++ Algorithms by Simon Toth History of standard C++ algorithms The history of standard C++ algorithms is characterized by a few notable milestones. The C++98 standard introduced most of the algorithms, but it was the C++11 standard that made algorithms more useful with the introduction of lambdas. Before lambdas, the time investment of writing a custom function object made the usefulness of algorithms dubious. The C++11 standard also introduced move semantics, which made algorithms more efficient by allowing them to move objects instead of copying them. The C++14 standard added a few new algorithms and made some existing ones more efficient. The C++17 standard added several new algorithms, including ones for generating random numbers and for finding adjacent elements that satisfy a predicate. Finally, the C++20 standard added several new algorithms, including ones for sorting and searching ranges, and for transforming and filtering ra
Read more

Differences between references and pointers in C++ with use cases

In C++, both references and pointers provide a way to access data indirectly, but they have different use cases and properties. Pointers  are variables that hold memory addresses. They are more flexible and powerful than references, but also more prone to error. Pointers can be reassigned to point to different variables during their lifetime. Pointers can be incremented or decremented (pointer arithmetic), allowing us to iterate through an array of data. Pointers can be set to  NULL  or  nullptr , representing a pointer that doesn't point to anything. Pointers can have multiple levels of indirection, such as pointer to pointer ( int **p ). Here's an example of using pointers: int a = 5 ; int * p = & a ; // p points to a * p = 10 ; // a is now 10 p = nullptr ; // p does not point to anything now References , on the other hand, are like "alias" for another variable. They are safer and easier to use than pointers, but less flexible. References must be
Read more