📑 Style Workout 02: Input-Output Exchange

style_02.html

Input-Output Exchange

xxxxxxxxxx

 

1

string='text rows in this box could be changed'+\

2

       ' and displayed in the next cell'

3

html("""

4

<table>

5

    <tr><td style='color:darkorchid;'><center>

6

    linked html elements: input text

7

    </center></td></tr>

8

    <tr><td colspan='3'>

9

        <textarea id='input_text_area' 

10

        style='color:darkblue;' cols='70' rows='3'>"""+\

11

        string+"""</textarea>

12

    </td></tr>

13

</table>""")

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

---

Messages

xxxxxxxxxx

 

1

html("""

2

<table>

3

    <tr><td style='color:darkorchid;'><center>

4

    linked html elements: output text

5

    </center></td></tr>

6

    <tr><td colspan='3'>

7

        <textarea id='output_text_area' 

8

        style='color:darkblue;' cols='70' rows='3'></textarea>

9

    </td></tr>

10

</table>

11

<script>

12

var myObj,myJSON,text,obj;

13

myObj={'input_text':

14

       document.getElementById('input_text_area').value};

15

myJSON=JSON.stringify(myObj);

16

localStorage.setItem('testJSON',myJSON);

17

text=localStorage.getItem('testJSON');

18

obj=JSON.parse(text);

19

document.getElementById('output_text_area')

20

        .innerHTML=obj.input_text;

21

<"""+"""/script>""")

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

---

Messages