📑 File Exchange Workout 01. Inputs & IPython HTML

file_exchange_01.html

Inputs & IPython HTML

xxxxxxxxxx

 

1

from IPython.display import HTML,display

2

html_str="""

3

<br/><input style='width:100px;' type='number' 

4

id='value_1py' value=30 min=10 max=100> 

5

<= select the 1st value</input>

6

<br/><br/><input style='width:100px;' type='number' 

7

id='value_2py' value=1 min=1 max=10> 

8

<= select the 2nd value</input>"""

9

display(HTML(html_str))

10

def get_pyjs_value(input_id):

11

    randi=randint(1,100)

12

    js1="""<script>function fun"""

13

    js2="""() {var v=document.getElementById('"""

14

    js3="""py').value; document.getElementById('value"""

15

    js4="""').innerHTML=v;}<"""+"""/script>"""

16

    html1="""<br/>click to get: """+\

17

          """<button style='width:130px;' id='value"""

18

    html2="""' onclick='fun"""

19

    html3="""()'>the value of </button> """+input_id+"""<br/>"""

20

    html_str=html1+str(randi)+html2+str(randi)+html3+\

21

             js1+str(randi)+js2+input_id+js3+str(randi)+js4

22

    display(HTML(html_str))

23

idx=['value_1','value_2']

24

for i in range(2): get_pyjs_value(idx[i])

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages