pyscript index error while calling input from html form

pyscript_dude · (This post was last modified: May-19-2023, 02:56 PM by pyscript_dude.)

Hi,
I am trying to embed a python script into an html page via pyscript. I want to call the input from an html form. In python script, if I use

input = "word"

everything works fine, however if I use

word = Element('word').value

then it gives

Error:
IndexError: range object index out of range

Of course I used an html form as follows

	<form onsubmit="return false">
	<label>Enter the word:</label>
    <input type="text" id="word">
    </form>

Any ideas and suggestions to solve this problem would be appreciated. Thank you.

SpongeB0B · (This post was last modified: May-20-2023, 08:58 AM by SpongeB0B.)

Hi @pyscript_dude,

I don't use pyscript, but Brython

but for what it look like, it seem that

word = Element('word').value

return an iterable and you are out of index. Maybe you need to access it trough something like

word = Element('word')[0].value

look in the documentation of pyscript what type of object return Element()

Cheers.

***snippsat*** · (This post was last modified: May-21-2023, 08:17 AM by snippsat.)

You should post a a woking example of you code,as PyScript is new and not many have experience with it.
So eg is this example i make normal form with input field and button that the output what typed in the the form field.
It normal to have button that submit the form,your code dos not show if this is the case.

<html>  
<head>
  <title>HTML Forms with PyScript</title>
  <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
  <script defer src="https://pyscript.net/latest/pyscript.js"></script> 
</head>

<style>
  #form {
    display: inline;
    vertical-align: top;
    text-align: center;
  }

  #form input[type="text"] {
    margin: 0;
  }

  #form input[type="text"] {
    margin: 0;
    vertical-align: top;
  }

 label{
    width: 10px;
    display: block;
    white-space: nowrap;
  }
</style>

<body>
  <form id="form" onsubmit="return false">
    <label>Enter the word:</label>
    <input type="text" id="word">
  </form>
  <input py-click="sub()" type="submit" id="btn-form" value="submit">
  <p>Output:</p>
  <p id='output'></p>

  <py-script>
    def sub():
        result = Element('output')
        result.write(Element('word').value)
  </py-script>
</body>
</html>

Possibly Related Threads…
Thread		Author	Replies	Views	Last Post
	Input error correction.	shakoun	4	1,764	Jun-07-2024, 12:59 PM Last Post: menator01
	Index error help	MRsquared	1	1,504	May-15-2023, 03:28 PM Last Post: buran
	Embedding python script into html via pyscript	pyscript_dude	7	4,879	Apr-16-2023, 11:17 PM Last Post: pyscript_dude
	Tkinterweb (Browser Module) Appending/Adding Additional HTML to a HTML Table Row	AaronCatolico1	0	1,983	Dec-25-2022, 06:28 PM Last Post: AaronCatolico1
	Error in Using INPUT statement	gunwaba	1	2,993	Jul-03-2022, 10:22 PM Last Post: deanhystad
	I'm getting a String index out of range error	debian77	7	4,140	Jun-26-2022, 09:50 AM Last Post: deanhystad
	I'm getting syntax error while using input function in def.	yecktmpmbyrv	1	2,877	Oct-06-2021, 09:39 AM Last Post: menator01
	Python Error List Index Out of Range	abhi1vaishnav	3	4,665	Sep-03-2021, 08:40 PM Last Post: abhi1vaishnav
	Index error - columns vs non-column	Vinny	3	6,690	Aug-09-2021, 04:46 PM Last Post: snippsat
	Error creating database with python and form?	shams	3	3,473	Aug-02-2021, 02:00 PM Last Post: deanhystad

pyscript index error while calling input from html form

User Panel Messages

Announcements